Jump to content
  • 0

png в ие - полупрозрачность


Sanguis
 Share

Question

в общем очередной косяк ие: у меня есть логотип в пнг-файле с полупрозрачным фоном (эффект "свечения" типа). в опере и огнелисе - все норм отображается, а в ие там, где должен провечивать основной фон - серое поле.

opacity пробовала уже по всякому - не то получается - логотип пытается стать прозрачным полностью(а не только там где "свечение")

пробовала пустить этот пнг фоном, а сверху прозрачный гиф 1*1 положить - помогло в ие (логотип еще и ссылкой на главную является, но ссылкой стал не гиф 1*1, а весь див с фоном - то бишь в общем-то все как надо), НО при таком варианте в опере и огнелисе логотип пропадает, несмотря на то, что диву заданы высота и ширина в пикселях.

если этот же прозрачный гиф растянуть на размер логотипа получается то же самое, что и в начальном варианте - фон сереет.

вот пнг-шка

logo.png

гифом сохранить лого низзя, т.к. не свечение получается, а каша. джепегом тоже не канает, т.к. фон градиентный и тянется в зависимости от разрешения и тогда видны границы картинки, по которым идет несовпадение градиента.

вот куски кода:

хтмл:

<div id="logo"><a href=""><img src="img/logo.png" height="120" width="211" /></a>

ксс:

#logo{height:120px; width:211px; }
#logo img {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png'); background:url(../img/logo.png); }
.png {BEHAVIOR: url("../css/png.htc";)}

подскажите, как побороть этот гадкий ие?

Link to comment
Share on other sites

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy