最新消息:

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

网页设计 李金龙 2615浏览 0评论

  PNG图片可以表现更为绚丽多彩的颜色,常见的一些具有矢量效果的图片、图标都采用png格式,但是具有透明背景的png格式图片在IE6中却不是背景透明的,透明背景部分会显示出#DBEAED的淡灰色,表现效果很糟糕,为了使用透明背景图片只有采用gif格式了,但是gif格式会出现明显的锯齿效果,所以只有设法修复IE6的这个问题。解决的办法就是使用IE的Microsoft.AlphaImageLoader滤镜。
  如果希望使用png格式图片作为DOM元素的背景,那么就可以使用滤镜来加载png图片
[code lang=”css”]
.png{
background: url(/angel.png) no-repeat !important;  
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/angel.png");  
background:none;  
width:100px;  
height:100px;
}
[/code]
HTML代码:
[code lang=”html”]
<div class="png">背景PNG透明<div>[/code]

以上代码使用了一些IE的Hack,IE7,IE8,Firefox直接应用_background,IE6则会应用filter!

转载请注明: » PNG透明背景图片在中IE6处理方法

发表我的评论
取消评论

表情