Прозрачность .png в Internet Explorere 6
Не знаю на сколько эта темя является актуальной, но все же я напишу о ней...
Мною было получено задание создать тему под CMS Wordpress, одним из условий было её полная кроссбраузерность, включая и любимый всеми IE6. Так вот шаблон, который дан был мне включал рисунок в формате png с прозрачностью которую (нормальным методом) не поддерживает IE6. Я попытался нагуглить, в принципе решений полно, правда мне они не понравились так как требовали подключения сторонних скриптов... ну и дальше бла-бла-бла...И вот оно решение... в файле css, для тега, где будет расположена ваша png-ка пропишете такой фильтр
Этот фильтр выведет изображение с прозрачностью в ИЕ6, правда только в IE оно и будет видно. Теперь с помощью тега img выводим изображение для нормальных браузеров. Правда если так и оставить то в IE будет выведено оба изображения, что бы это исправить необходимо к тегу img дописать фильтр который делает изображение прозрачным
Мною было получено задание создать тему под 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. Вот и все, все красиво, прозрачно работает)
Комментарии
Отправить комментарий