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

  • 0

#logo img {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png'); background:url(../img/logo.png); }

.png {BEHAVIOR: url("../css/png.htc":)} вот это уберите

или сделайте

#logo img {

_background:none;

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/lentaTopImage.png);}

не надо дублировать, используйте 1 вещь один раз нафига вы два раза пишите, вы же пишете для всех, а косяк только в ие

Link to comment
Share on other sites

  • 0

.png {BEHAVIOR: url("../css/png.htc"} - вот это убрать не могу, т.к. надо чтобы логотип был виден, даже когда графика отключена.

и даже если убрать обе эти строчки - все равно то же самое

..... я щас головой об стол биться начну..... или комп разнесу нафиг.........я уже задолбалась с этим пнг.......

Link to comment
Share on other sites

  • 0

кажись заработало!!! пасиба!!!

тока эта....теперь сцыль не того...

я поставила пнг-шку фоном, а сверху в этом же диве пустой гиф 1*1 растянутый на размер логотипа - этот гиф и является ссылкой, но она не пашет в ие и в огнелисе. z-index пробовала поставить и 1, и 2, и 0.....

не пробелами же ссылку отбивать....?

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

у меня видать седня мозги отморозились по дороге на работу..............

Link to comment
Share on other sites

  • 0

блин :))) ссылку можно поставить без всего просто

Фоном как вы сказали :)

Логотип

h1 {фон в виде логтипа, ширина и высота}

h1 a {display: block: ширина и высота}

И ссылка будет работать всегда? никаких бехайндов вам не надо :)

Link to comment
Share on other sites

  • 0

плиннннн...........вот ксс:

 #logo{ background:url(../img/logo.png) no-repeat; width:211px; height:120px;text-indent: -9000px;}
#logo a{ display:block; width:211px;height:120px;}

вот хтмл:

<div id="logo"><a href="/" title="Mr. Doors">Mr. Doors</a></div>

и где теперь у меня косяк? теперь и в опере нифига......:)

Link to comment
Share on other sites

  • 0

покажи, если сайт то выложи пожайлуйста стили в тело , а не внешний, просто не удобно да и вообще советую пока не доделаешь страницу до конца внешними стилями не пользоваться

Link to comment
Share on other sites

  • 0

здрасти maddogrts и Sanguis

Вот прочитал вашу переписку Чесно сказать даже не знал что IE6 правильно отображает формат PNG.

и вс?таки я ч?т не понял что вс?таки в конечном итоге вы вписали в СSS чтоб PNG стал нормально отображаться в IE?

Можно вас попросить написать вс?таки полностью код картинки в HTML и то что вы вписали в CSS

ПЛИЗЗЗЗ очень интересно!!!!

Link to comment
Share on other sites

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