分享到:

透明的PNG图片在IE5、IE6下无法正确显示出透明效果,可以使用CSS hack或者引入外部JavaScript来实现。以前从网上曾经找过一个pngfix的方法就是调用外部JavaScript来解决在IE5、IE6下png透明问题。今天终于找到一个相对更加完美的方法来解决PNG图像在IE不同版本里的显示问题。

ie7-js中是一个JavaScript库(解决IE与W3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题,并使得透明PNG在IE5、IE6下正确显示。

目前该ie7 – js版本:2.0 beta 3

用法:
直接引用Google Code服务器上的js文件,或者自行下载使用自己上传js文件后的地址。

IE7.js点击这里下载
使IE5、IE6升级至兼容IE7
注释使Internet Explorer版本号小于7的IE浏览器载入该代码。

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

IE8.js点击这里下载
使IE5、IE6、IE7支持更多的W3C标准(修复了许多的HTML和CSS问题)。
注释使Internet Explorer版本号小于8的IE浏览器载入该代码,而其它符合标准的浏览器则会忽略该代码,并在IE8出来后不干扰其工作。

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->

2.0 beta 3 下载页面http://ie7-js.googlecode.com/svn/version/2.0(beta3)
2.0 beta 3 演示页面http://ie7-js.googlecode.com/svn/test/index.html

阅读量:1293 次| 分类: 设计 | 标签: , ,

Leave Ur Comments

现已有 2 条评论,还差你一条哦!

Comments List

标题为“IE6下PNG图片的透明问题”的相关评论列表

  • 散步的男人 2009.3.3 / 10:12 回复

    谢谢,放在什么文件位置呢?

    • runbing 2009.3.3 / 12:21 回复

      head标签之间…