§ ITPOW >> 文档 >> CSS

解决 IE 6 的 png 不透明的教程（非人云亦云）

作者：vkvi 来源：ITPOW（原创）日期：2013-7-21

IE 6 中，png 不透明的替代

换成 GIF 或 PNG-8。PNG 有两种格式，一种是 PNG-8，一种是 PNG-24，PNG-8 在 IE 6 中是支持透明的。

存为 PNG-8 的方法：Photoshop 中，不要直接另存为，我看好多所谓的设计高手都是另存为再选择格式，其实，网页上，我们要选择“存储为 Web 和设备所用格式”。

存储为 Web 和设备所用格式

CSS 滤镜

存为 GIF、PNG-8 都有个问题，就是稍微复杂点的图片，透明区域就会有白色的毛边，看起很不爽，还是得用 PNG-24 才可以。

对于 PNG-24 要在 IE 6 中透明，就得用 CSS 滤镜。

div.png
{
    width:200px;
    height:200px;
    background: url("pngtest.png") no-repeat; 
    _background:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="pngtest.png"); 
}

注意，这是对 div 的背景设置，这里为什么有个 _background 呢，这是为了在 IE 6 中将背景干掉（以下划线开头的属性，在 IE 中有效），否则背景把滤镜挡住了，还是呈现不了透明效果。这也说明了，不能直接用 img 标签引用 png 图片，还是得用背景。