Mercilaud » Сб фев 26, 2005 2:59 pm
На днях сам столкнулся с такой проблемкой. Решил.
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>
Там же есть ссылки на др. решения, их я не смотрел.
Кто в курсе - расскажите, что лучше, по вашему.