Прозрачный PNG в ie6 (Вариант 2)
PNG-24 – отличный формат для веб, может передавать полупрозрачность. Но в internet explorer 6 прозрачности нет.
На помощь приходит следующий код:
<i class="png"><img src="kartinka.png"></i>
Как можно понять тут выводится сама png картинка, обернутая в тег <i>. Сам этот тег <i> можно заменить на что угодно, важно чтобы у него был прописан class="png".
Далее в css вставляем это:
/*png in ie6 fix*/
* html .png
{
width: expression(this.firstChild.width);
filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’"+
this.firstChild.src+"‘, sizingMethod=’image’)");
background: expression("transparent url("+
this.firstChild.src.replace(".png", ".gif")+") no-repeat");
background: none !important;
}
* html .png img
{
behavior: expression(this.style.visibility="hidden");
}
/*png in ie6 fix*/
Все, наслаждаемся прозрачностью и полупрозрачностью!
Сентябрь 17th, 2008 at 11:40 пп
Не работает. Лажа полная !
Сентябрь 17th, 2008 at 11:40 пп
alert("balkd")
Сентябрь 24th, 2008 at 4:46 пп
а с херали ява скрипт тут работать дожен
Октябрь 11th, 2008 at 10:21 дп
Круто, все работает!!
Только нужно заменить обратные ковычки на соответствующие ковычки (то есть при копировании ковычки преобразовались у меня немного, я в ручную их поправила) и тогда все работает!!
Октябрь 21st, 2008 at 1:15 пп
Не работает background: url("картинка.png") LEFT; в IE6
Как это исправить??
Октябрь 22nd, 2008 at 2:28 пп
Юрий, А что нужно в итоге получить, прозрачный пнг или бекграунд, прижатый к левому краю?
Ноябрь 17th, 2008 at 1:06 пп
тупой урок……….
Декабрь 6th, 2008 at 11:09 дп
Правда не работает, что очень обидно.
class=”png” писали в тег a href