版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Just_Do_It_1993/article/details/73481235
“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变得听话了,也不那么该死了~
总结:条件注释的使用规则。
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]-->