关于ie浏览器的条件注释

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

</head>
<body>
<!--[if IE]><p>IE浏览器</p><![endif]-->
<![if !IE]><p>非IE浏览器</p><![endif]>

<!--[if IE 7]><p>Internet Explorer 7</p><![endif]-->
<!--[if IE 8]><p>Internet Explorer 8</p><![endif]-->
<!--[if !(IE 7)]><p>非Internet Explorer 7</p><![endif]-->

<!--[if gte IE 7]><p>IE 7 或者更高版本.</p><![endif]-->
<!--[if (IE 5)]><p>IE 5 (any version).</p><![endif]-->
<!--[if (gte IE 5.5)&(lt IE 7)]><p>IE 5.5 或者 IE 6.</p><![endif]-->
<!--[if lt IE 5.5]><p>低于IE5.5</p><![endif]-->

<!--[if true]>您目前使用的浏览器支持条件注释<![endif]-->
<![if false]>您目前使用的浏览器不支持条件注释<![endif]>
</body>
</html>




可以直接打开上面的html看一下,若条件满足,则渲染(执行)注释内部的内容;

两种写法均可;

1. <![if false]>您目前使用的浏览器不支持条件注释<![endif]>
</pre><pre name="code" class="html"><pre name="code" class="html">2. <!--[if !(IE 7)]><p>非Internet Explorer 7</p><![endif]-->

 
</pre><pre name="code" class="html"><pre class="prettyprint prettyprinted" style="margin-top: 15px; margin-bottom: 15px; padding: 12px; border: 1px solid rgb(204, 204, 204); overflow: scroll; font-size: 14px; letter-spacing: 1px; background-color: rgb(255, 255, 255);"><span class="pun" style="color: rgb(102, 102, 0);">&</span><span class="pln"> </span><span class="pun" style="color: rgb(102, 102, 0);">与</span><span class="pln">
</span><span class="pun" style="color: rgb(102, 102, 0);">|</span><span class="pln"> </span><span class="pun" style="color: rgb(102, 102, 0);">或</span><span class="pln">
</span><span class="pun" style="color: rgb(102, 102, 0);">!</span><span class="pln"> </span><span class="pun" style="color: rgb(102, 102, 0);">非</span><span class="pln">
lt </span><span class="pun" style="color: rgb(102, 102, 0);">小于</span><span class="pln">
lte </span><span class="pun" style="color: rgb(102, 102, 0);">小于或者等于</span><span class="pln">
gt </span><span class="pun" style="color: rgb(102, 102, 0);">大于</span><span class="pln">
gte </span><span class="pun" style="color: rgb(102, 102, 0);">大于或者等于</span><span class="pln">
</span><span class="pun" style="color: rgb(102, 102, 0);">(</span><span class="pln"> </span><span class="pun" style="color: rgb(102, 102, 0);">)</span><span class="pln"> </span><span class="pun" style="color: rgb(102, 102, 0);">子表达式</span>

 
加载CSS2 

<!--[if lt IE 9]>
加载CSS1(可以把要重写的写在这里).
<![endif]-->

给个链接: https://www.google.com/search?q=ie%E6%9D%A1%E4%BB%B6%E8%A1%A8%E8%BE%BE%E5%BC%8F&oq=ie%E6%9D%A1%E4%BB%B6%E8%A1%A8%E8%BE%BE%E5%BC%8F&aqs=chrome..69i57.8492j0j4&sourceid=chrome&es_sm=122&ie=UTF-8


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值