IE条件注释

ie条件注释是针对IE5以上出现的一种解决兼容性问题的方法。

条件注释属性

gt : greater than，选择条件版本以上版本，不包含条件版本

lt : less than，选择条件版本以下版本，不包含条件版本

gte : greater than or equal，选择条件版本以上版本，包含条件版本

lte : less than or equal，选择条件版本以下版本，包含条件版本

! : 选择条件版本以外所有版本，无论高低

( )： [if !(IE 7)] 子表达式运算符。配合使用布尔运算符来创建更复杂的表达式。

& ：[if (gt IE 5)&(lt IE 7)] AND运算符。如果所有的子表达式的值为真，返回true。

| ：[if (IE 6)|(IE 7)] OR运算符。如果任何一个子表达式的计算结果为true，返回true。

条件注释实例

<!--[if IE]>用于所有 IE <![endif]-->

<!--[if IE 6]>用于 IE6 <![endif]-->

<!--[if IE 9]>用于 IE9 <![endif]-->

<!--[if gt IE 6]> 用于 IE6 以上版本<![endif]-->

<!--[if lte IE 7]> 用于 IE7或更低版本 <![endif]-->

<!--[if gte IE 8]>用于 IE8 或更高版本 <![endif]-->

<!--[if lt IE 9]>用于 IE9 以下版本<![endif]-->

//非ie的写法稍微特殊一点

<!--[if !IE]> -->用于非 IE <!-- <![endif]-->

bootstrap项目运用

下面的代码可以解决ie8不支持bootstarp3的问题，引入两个响应js文件。

问题所在：

因为ie8不支持css3的@media 属性。以及html5新标签都不支持。

hack1:github下载到本地：

respond.js

html5shiv.js

hack2:国内的cdn:bootcdn

<!--[if lt IE 9]>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
<script src="//cdn.bootcss.com/html5shiv/r29/html5.js"></script>
<![endif]-->