Полупрозрачность в PNG

[odivus]

Как сделать видимой в IE полупрозрачность PNG изображения понятно, тут <a href='http://www.nbsp.ru/articles/8/' target='_blank'>http://www.nbsp.ru/articles/8/</a> неплохо написано.

А вот как быть, если у меня PNG с полупрозрачностью как background-image?

div#layer {position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 202px; background-image: url(../img/kartinka.png); background-repeat: no-repeat; background-position: top;}

Подскажите, кто знает <!--emo&:unsure:-->[img]style_emoticons/<#EMO_DIR#>/unsure.gif[/img]<!--endemo-->

[krYss]

Что-то вопрос не очень понятен... %) Ну, будет у тебя сквозь прозрачность пробиваться цвет фона бэкграунда... Проясни в общем...

[odivus]

Ок, у меня есть слои: нижний -- изображение, верхний -- с фиксированным бэкграундом к тому же полупрозрачным, нужно чтобы этот полупрозрачный бэкграунд в формате PNG воспринимался IE и сквозь его полупрозрачные области проступал тот нижний слой, во как.

[krYss]

Ох, ё-моё... ну ты навертел <!--emo&:)-->[img]style_emoticons/<#EMO_DIR#>/smile.gif[/img]<!--endemo--> Так это что, получается IE только косячит? Или везде так? И что вообще на данный момент есть? ёклмн. А попробовать совместить эти слои на стыке как-нибудь незаметно нельзя (в граф.редакторе уже сразу)? Сделай screenshot с твоей задумки, а то всё-равно туманно, что получается... <!--emo&:)-->[img]style_emoticons/<#EMO_DIR#>/smile.gif[/img]<!--endemo-->

[Gluek]

2odivus а не проще будет сразу в фотошопе все наложить как надо, сохранить как gif/jpg и не мучаться?

[Dr.BoT]

odivus
ИЕ не показывает прозрачный ПНГ.
Можно либо обмануть его (где то была статья, как сделать так чтобы, он думал что это гиф а не ПНГ)
Либо юзать для прозрачных картинок - ГИФ.

[krYss]

Либо задолбить МелкоМягких, чтобы пропатчили ослика

[SoTer]

Вот это было бы правильнее всего))))))))))))))

[Lynn]

Это возможно только для фона не будет работать background-repeat и background-position <a href='http://dean.edwards.name/IE7/notes/#PNG' target='_blank'>http://dean.edwards.name/IE7/notes/#PNG</a>

[Mercilaud]

На днях сам столкнулся с такой проблемкой. Решил.

1. Создаем опять же прозрачный.gif и называем его blank.gif

2. Скачиваем вот этот скрипт png.htc

2.1. Он, то и описывает процесс определения браузера
и подмены тэга img, если это требуется на такой же,
но с фильтром для ИЕ(5.5-6).
(Остальные браузеры отображают .png как он есть)

2.2. Внутри скрипта есть такая строчка:
var blankSrc = "blank.gif";Надеюсь понятно, что изменив название файла прозрачного.gifa,
не забудем и в скрипте это указать.

3. Сохраняем blank.gif и png.htc в корне сайта!
4. Внутри html тэг img для нашего PNG выглядеть
должен стандартно,
НО обязательно с прописаными width и height.

< img src="наш.png" width="100" height="150" border="0" alt="" >5.В свой CSS или прямо в потоке html в тэг style
добавляем следующее:

< style >img.png {behavior: url("png.htc");}< /style >6.Прописываем в тэг img class=png.
Тэг img теперь выглядит так:

< img src="наш.png" width="100" height="150" border="0" alt="" class="png">В итоге Мы получаем поддержку прозрачности PNG в
Microsoft IE(5.5-6) и выше. Да, и без потерь для Mozilla (NN 6-7, Opera 6-7).

Подробнее cм. <a href='http://designcollector.ru/png' target='_blank'>http://designcollector.ru/png</a>

Там же есть ссылки на др. решения, их я не смотрел.
Кто в курсе - расскажите, что лучше, по вашему.