E6中PNG透明背景图片处理方法

    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 ;
}

 

 

HTML代码:
< 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

你可能感兴趣的:(图片处理)