阿一关于IE6不支持PNG的解决方案

本文提供了一种让IE6支持PNG背景透明的解决方案,通过使用behavior技术和特定的HTC文件,使得IE6能够正确显示PNG图片的透明效果。

 阿一关于IE6不支持PNG的解决方案

这个解决方案基于网页,很巧妙的解决方案。

今天做的网页于我的IE8上显示正常,PNG却拒绝IE6等久版本浏览器,解决方案如下:

http://www.cnblogs.com/JustinYoung/archive/2008/09/22/transparent-picture-in-page.html

终极解决方案

如果你洁癖到连IE6中的那些“毛刺”也无法忍受的话。那我们只能拿出终极解决方案了——其实,我们可以通过一些技巧,让IE6也能支持背景透明的PNG图片。这样,png背景透明的唯一缺点——不支持IE6也便克服了。

还记得我博客中的《实例讲解css中的行为:expression和behavior(附DEMO下载)》这篇文章吗?当时被某高人大骂骗子和忽悠的一篇文章。其实之所以写那篇文章,也是为现在的这里埋下伏笔而已。因为,这个是 IE6支持PNG背景透明的技巧正是使用了那篇文章介绍的一些技术——behavior。下面是一些核心代码,如果你发现看不懂,也完全没有关系。因为,我们只要会使用即可——

如何使用

如果代码看不懂,没有关系,我们下面来告诉你如何使用(其实代码也不难看懂,只是判断一些情况,然后使用透明滤镜而已)。我们强烈建议你下载这个打包好的demo,这样只需要看看demo即可明白。使用办法可以简化为以下三步——

  • 第一步:拷贝“iepngfix.htc”和“blank.gif”文件到你的项目中
  • 第二步:通过适当的选择器,让需要在IE6透明的图片或者需要背景图片透明的容器使用上“behavior: url("iepngfix.htc");”
  • 第三步:如果你需要容器的背景图片有透明效果,你还需要在页面中引入iepngfix_tilebg.js脚本(当然,如果你不要使用容器的透明背景图片效果,也可以不引入此js文件)
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值