针对ie浏览器兼容问题的前端应对方法

1.IE版本判断语句：

<!--[if IE]>只在IE下展示<![endif]-->

<!--[if !IE]>除IE外展示<![endif]-->

<!--[if lte IE8]>if less than equal小于等于IE8<![endif]-->

<!--[if lt IE 6]> IE6以下版本可识别 <![endif]-->

<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->

<!--[if IE 7]> 仅IE7可识别 <![endif]-->

2.css hack对不同版本IE 影响( 顺序很重要)

例：.div{

background:blue;        //FIREFOX CHROME BLUE

background:red\9;       //IE9 RED

*background:green;     //IE7 GREEN

_background:black;     //IE6 BLACK

}

\9: IE6 IE7可读
*:  IE6可读

_: IE6

例：.div{

background:blue;        //FIREFOX CHROME BLUE

background:red\9;       //IE9 RED

*background:green!important;     //IE7 GREEN

*background:black;     //IE6 BLACK

}

IE7可以识别*和important但是IE6只能识别*

总结：

_:   IE6

*:   IE6/IE7

!important：firefox IE7/IE8

\9:  IE6/IE7/IE8/IE9/IE10

\0:  IE8/IE9/IE10

\9\0:  IE9/IE10

3.指定解析模式

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

IE=Edge:IE 是什么版本就用什么版本渲染

chrome：IE 用谷歌Chrome Frame 渲染