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



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

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

<!--[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]-->

<!--[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]-->

<!--[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-ompatible" content="IE=EmulateIE7" />

另外;

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

<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浏览器版本的问题。