解决IE5、IE6、IE7与W3C标准的冲突(IE7.js IE8.js)

分类:Web之旅 | 发布者:Tim | 发布日期: 2008-2-22 | 天气:不指定  | |
如果分别用IE5、IE6、IE7浏览同一个网页,将可能出现不一样的效果。
这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。
我们不得不找到一个能平衡于它们之间的解决方法。

如png透明问题在IE5、IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5、IE6下png透明问题。当然还有更多的方法。

而现在有种更加完美的方法能兼容IE5、IE6、IE7的CSS选择器解析不一样问题。那就是: ie7 - js

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文件。

IE7.js
使IE5、IE6升级至兼容IE7
注释使Internet Explorer版本号低于IE7的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]-->


PNG
此脚本仅修复了图像命名为:*-trans.png
例:bg.png如需在ie6上实现透明效果,需改成bg-trans.png才能使ie7.js对png的透明效果修补生效。
遗憾的是,此方法透明的PNG图像不能平铺(重复)使用在背景上;也不能用在CSS “position”定位属性上 。

除了直接引用Google Code服务器上的js文件外,如果你愿意你也可以下载然后引入
2.0 beta 3下载地址页面:http://ie7-js.googlecode.com/svn/version/2.0(beta3)/
右击另存下载地址:IE7.jsIE8.js

演示:
http://ie7-js.googlecode.com/svn/test/index.html

本文出处为Azuresky原创,转载务必加入本声明!
文章出处:  本文为Azuresky Blog原创,转载请注明"作者"和"出处"及本声明!
Tags: ,

MFY
2012-8-7 13:17
在IE6上 透明效果是有,但它确把别的内容盖住了,怎么解决呢
小水点 Homepage
2010-5-15 13:56
顶一个
niuniu
2008-4-28 14:37
哎,我也是如下引用的 ,砸的一点反映都没有,还是IE7下错位显示,IE6正常
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->
htqx
2008-4-16 14:08
不能下载.能不能提供啊
Tim 回复于 2008-4-18 18:53
...能下载啊!那我在文章中提供直接下载的地址好了!
htqx
2008-4-16 14:03
即使推送,其实我国的网络情况,也很难说立刻升级到ie7.

不过既然推送,我个人到觉得,不如直接升级到ie8,呵呵,一次性搞定.
Tim 回复于 2008-4-18 19:03
嗯!IE8现在只有beta1!当然我们就没问题!
但是其他人就不一定了!他们或许都不知道这回事!
IE6、IE7、IE8之间的不同!最多他们认为界面变了!
不知道内在变了什么!肯定也不懂网页的标准!
但这些却是我们需要考虑的!
aman
2008-4-11 09:13
现在急需用,可是下载之后引用不成功啊
Tim 回复于 2008-4-11 17:53
不会啊!我已经用过了,没问题。
那你用Google Code服务器上的js文件看看好了
分页: 1/2 第一页 1 2 下页 最后页