IE6支持PNG透明的方法
在工作中,我经常用PNG格式输出图片。因为它的无损压缩特性,可以获得体积更小,质量更优的图片。
目前的几款主流浏览器IE7、FF可以很好的支持PNG格式,而IE6只能支持png8的索引色透明度,但不支持png的 alpha 透明度。
解决这个问题办法有:
一:在样式里使用滤镜#png {
position:absolute;
background: url(../images/bg.png) repeat;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/bg.png");
}
注:使用 AlphaImageLoader 后该区域的超链接和按钮会失效,所以需对链接或按钮直接设置相对位置,让它们浮动于滤镜区域的上面。
IE7支持AlphaImageLoader,避免冲突建议使用CSS hack区分开,只针对IE6使用。