Прозрачность .png в Internet Explorere 6

Не знаю на сколько эта темя является актуальной, но все же я напишу о ней...

Мною было получено задание  создать тему под CMS Wordpress, одним из условий было её полная кроссбраузерность,  включая и  любимый всеми IE6. Так вот шаблон, который дан был мне включал рисунок в формате png с прозрачностью которую (нормальным методом) не поддерживает IE6. Я попытался нагуглить, в принципе решений полно, правда мне они не понравились так как требовали подключения сторонних скриптов... ну и дальше бла-бла-бла...И вот оно решение... в файле css, для тега, где будет расположена ваша png-ка пропишете такой фильтр 
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bx.png")
 (Любезно предоставленной компанией Microsoft для поддержки этой самой прозрачности в их детеещи(IE6)).
 Этот фильтр выведет изображение  с прозрачностью в ИЕ6, правда только в IE оно и будет видно. Теперь с помощью тега img выводим изображение для нормальных браузеров. Правда если так и оставить то в IE будет выведено оба изображения, что бы это исправить необходимо к тегу img дописать фильтр который делает изображение прозрачным
style="FILTER: alpha(opacity=0)"
Таким образом в нормальных браузерах изображение выводится через тег img (на него не действует фильтр прозрачности). А в IE6 изображение выводится через фильтр прописанный в файле css. Вот и все, все красиво, прозрачно работает) 

Комментарии

Популярные сообщения