条件注释，给IE浏览器单独写CSS样式

“IE必须死”，但IE总是不死

作为HTML搬砖工，我和大家一样急切地盼望IE早点死掉。但是，IE总是不死，而且时不时地给你找点乐子。

比如：IE老版本不支持CSS3新特性。

针对这个问题，我建议使用条件注释。条件注释的优点在于，简单、省事。

代码示例：

 

<!--[if (gt IE 9)|!(IE)]><!--> 
	<div class="holly-kefu">
		<span class="close-kefu" title="关闭窗口">关闭</span>
	</div>
	<a class="online_chat" id="get_chat">
		<img src="/templets/default/images/online_chat.png" alt="在线客服" />
		<br/>
		<p>售前</p>
		<p>咨询</p>
	</a>
 <!--<![endif]-->

 <!--[if lt IE 9 ]>
	<div class="holly-kefu-l9">
		<span class="close-kefu-l9" title="关闭窗口">关闭</span>
	</div>
	<a class="online_chat-l9" id="get_chat-l9">
		<img src="/templets/default/images/online_chat.png" alt="在线客服" />
		<br/>
		<p>售前</p>
		<p>咨询</p>
	</a>
 <![endif]-->

 

 

在IE9以上版本或者非IE内核浏览器中，执行上面的代码，浏览器中显示如下图：

 

而在IE9以下版本浏览器，只显示对应条件注释的代码，如下图：

 

有了条件注释，感觉IE变得听话了，也不那么该死了~

总结：条件注释的使用规则。

 

1.仅IE可见的写法

<!--[if IE]>此处内容只有IE可见<![endif]-->

 

2.仅IE6可见的写法

<!--[if IE 6]>此处内容只有IE6.0可见<![endif]-->

 

3.仅IE7可见的写法

<!--[if IE 7]>此处内容只有IE7.0可见<![endif]-->

 

4.版本区间可显示写法

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

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

<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->

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

 

5.非IE可见的写法（注意：此条不符合WEB标准，但的确实用）

<!--[if !IE]>此处内容只非IE可见<![endif]-->