首页 > 代码库 > IE7.JS解决IE兼容性问题方法

IE7.JS解决IE兼容性问题方法

转自:http://code.google.com/p/ie7-js/

使IE5,IE6兼容到IE7模式(推荐)

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

 

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

 

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

 

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

 

<!--[if lt IE 9]>      <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>      <![endif]-->

 

降级IE版本为7.0

 

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

 

另外;

 

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

 

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

 

另外还可以使用IE特有的条件判断语句:

  <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->

      <!--[if IE]> 所有的IE可识别 <![endif]-->

      <!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 <![endif]-->

  <!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本(不包含IE6)。 <![endif]-->

  <!--[if IE 6]> 这段文字仅显示在 IE6。 <![endif]-->

  上面的语句都是通过IE专属的条件注释来完成判断,lt=小于,gt=大于,lte=小于及等于,gte=大于及等于,上面的6代表了IE版本号,我们可以取6、7、8、9...分别区别IE版本,再在中间的部分插入专属的Html代码(JS、CSS),以修正不同IE浏览器版本的问题。

 

IE7.JS解决IE兼容性问题方法