PNG图片可以表现更为绚丽多彩的颜色,常见的一些具有矢量效果的图片、图标都采用png格式,但是具有透明背景的png格式图片在IE6中却不是 背景透明的,透明背景部分会显示出#DBEAED的淡灰色,表现效果很糟糕,为了使用透明背景图片只有采用gif格式了,但是gif格式会出现明显的锯齿 效果,所以只有设法修复IE6的这个问题。解决的办法就是使用IE的Microsoft.AlphaImageLoader滤镜。
如果希望使用png格式图片作为DOM元素的背景,那么就可以使用滤镜来加载png图片
.png
{
background:url(/angel.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="http://images.cnblogs.com/angel.png");
_background:none;
width:100px;
height:100px;
}
{
background:url(/angel.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="http://images.cnblogs.com/angel.png");
_background:none;
width:100px;
height:100px;
}
HTML代码:
<div class="png">背景PNG透明<div>
<div class="png">背景PNG透明<div>
以上代码使用了一些IE6的Hack,IE7,IE8,Firefox不会应用_background \ _filter,IE6则会应用
原文 http://www.cnblogs.com/zbh18/archive/2010/08/19/1802916.html
另一种办法 http://www.cnblogs.com/css/archive/2008/06/23/1228294.html