一段简单的js脚本解决ie不同版本的兼容性问题【转】

2012-04-17 17:21:15 | 【大 中 小】

 微软的ie浏览器的各个版本都存在兼容性问题,IE6,IE7,IE8,IE9每个版本都很有个性,搞得前端设计人员苦不堪言,于是这个js库诞生了,他可以解决各个版本的IE与W3C标准冲突的地方,并可以让IE6正常显示透明PNG图标,希望有了此库,要成天考虑IE6的兼容性的同学能够轻松一点!

    微软的ie浏览器的各个版本都存在兼容性问题,IE6,IE7,IE8,IE9每个版本都很有个性,搞得前端设计人员苦不堪言,于是这个js库诞生了,他可以解决各个版本的IE与W3C标准冲突的地方,并可以让IE6正常显示透明PNG图标,希望有了此库,要成天考虑IE6的兼容性的同学能够轻松一点!

官网
http://code.google.com/p/ie7-js/

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

使IE5,IE6兼容到IE7模式（推荐） 

1	<!--[if lt IE 7]>

2	<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js" type="text/javascript"></script>

3	<![endif]-->

     

使IE5,IE6,IE7兼容到IE8模式 

1	<!--[if lt IE 8]>

2	<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js" type="text/javascript"></script>

3	<![endif]-->

 

使IE5,IE6,IE7,IE8兼容到IE9模式 

1	<!--[if lt IE 9]>

2	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>

3	<![endif]-->

    

降级IE版本为7.0 

XML/HTML Code复制内容到剪贴板

1	<meta http-equiv="X-UA-ompatible" content="IE=EmulateIE7" />

另外:

1	<meta http-equiv="X-UA-Compatible" content="IE=7" />

解决PNG显示问题 
只需将透明png图片命名为*-trans.png 
需要注意的是：此方法对背景平铺(background-repeat)和背景(background-position)无法起到任何作用,默认会占满整个容器

下载地址：

http://ie7-js.googlecode.com/svn/version/

演示例子：

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

 

二 参考资料 
1 解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容 
  http://apps.hi.baidu.com/share/detail/15407414 
2 IE7.JS解决IE兼容性问题方法 
  http://www.chonggou.net/show/2824.html 
3 消除IE浏览器系列的相关BUG（IE7-JS） 
   http://www.fly1397.com/?p=302&cpage=1 
4 IE7 2.0：修复ie不支持W3C的好东西 
  http://hi.baidu.com/bdusnb/blog/item/053d075157ed8e2c43a75b7f.html 
5 刀客空间的IE7.js 
  http://mzgnc.blog.163.com/blog/static/76535120104130511218/