本文介绍了一种在IE6浏览器中实现PNG图片透明效果的方法，通过使用CSS滤镜属性，可以解决IE6对PNG透明支持不佳的问题。示例代码展示了如何设置滤镜属性以确保图片背景正确显示。
使用 png 在 ie6 下透明效果，通过使用css滤镜，实现如下：
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="http://img07.taobaocdn.com/tps/i7/T1Jl8HXh0RXXXXXXXX-50-50.png ",sizingMethod="noscale");
示例：
<html>
<head>
<style type="text/css">
body{ background:#c30;}
.test{
height:100px;
width:100px;
background:url( http://img07.taobaocdn.com/tps/i7/T1Jl8HXh0RXXXXXXXX-50-50.png ) no-repeat center center;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" http://img07.taobaocdn.com/tps/i7/T1Jl8HXh0RXXXXXXXX-50-50.png",sizingMethod="noscale ");
}
</style>
</head>
<body>
<div class="test">
</div>
</body>
</html>
<head>
<style type="text/css">
body{ background:#c30;}
.test{
height:100px;
width:100px;
background:url( http://img07.taobaocdn.com/tps/i7/T1Jl8HXh0RXXXXXXXX-50-50.png ) no-repeat center center;
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" http://img07.taobaocdn.com/tps/i7/T1Jl8HXh0RXXXXXXXX-50-50.png",sizingMethod="noscale ");
}
</style>
</head>
<body>
<div class="test">
</div>
</body>
</html>
2011-1-11 更新：
filter中的图片地址为src="",经过测试，为
http绝对路径地址 ，相对路径无法访问。特此备注~
扫一扫
467
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
![http://img07.taobaocdn.com/tps/i7/T1Jl8HXh0RXXXXXXXX-50-50.png",sizingMethod="noscale](http://img07.taobaocdn.com/tps/i7/T1Jl8HXh0RXXXXXXXX-50-50.png",sizingMethod="noscale){kind=link}