阿一关于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文件)
本文提供了一种让IE6支持PNG背景透明的解决方案,通过使用behavior技术和特定的HTC文件,使得IE6能够正确显示PNG图片的透明效果。
989

被折叠的 条评论
为什么被折叠?



