Прозрачный 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*/
Все, наслаждаемся прозрачностью и полупрозрачностью!