IE6 png背景透明问题

相信在前端开发中大家都会遇到浏览器的兼容性问题,这个问题网上有很多种解决方法,在此记录下我在开发中也遇到问题。
[color=blue]问题原因:具有透明背景的png格式图片在IE6中却不是背景透明的,透明背景部分会显示出#DBEAED的淡灰色,表现效果很糟糕,为了使用透明背景图片只有采用gif格式了,但是gif格式会出现明显的锯齿效果。办法就是使用IE Microsoft.AlphaImageLoader滤镜。
[/color]
[color=green]PS:使用DD_belatedPNG解决这个问题。[/color]
方法:

<style>
.png{
background: url(xxx.png) no-repeat !important;//IE7,IE7,FF识别
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="xxx.png")//IE6
background:none; //IE6
width:10px;
height:10px;
}
</style>
<div class="png">
背景PNG透明
<div>

该方法主要使用了IE6的hack方法,IE6下识别 _filter。FF使用 background !important,但是在编写顺序上规则是:FF > IE。

参考:
[url]http://www.dillerdesign.com/experiment/DD_belatedPNG/[/url]
[url]http://www.zhangxinxu.com/wordpress/2009/08/ie6%E4%B8%8Bpng%E8%83%8C%E6%99%AF%E4%B8%8D%E9%80%8F%E6%98%8E%E9%97%AE%E9%A2%98%E7%9A%84%E7%BB%BC%E5%90%88%E6%8B%93%E5%B1%95/[/url]
[url]http://blog.csdn.net/boral_li/archive/2009/05/03/4144365.aspx[/url]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值