IE条件注释

条件注释：

<!--[if IE]> 所有的IE可识别

<![endif]-->

<!--[if IE 5.0]> 只有IE5.0可以识别

<![endif]-->

<!--[if IE 5]> 仅IE5.0与IE5.5可以识别

<![endif]-->

<!--[if gt IE 5.0]>

IE5.0以及IE5.0以上版本都可以识别

<![endif]-->

<!--[if IE 6]> 仅IE6可识别

<![endif]-->

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

<![endif]-->

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

<![endif]-->

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

<![endif]-->

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

<![endif]-->

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

<![endif]-->

上面那些代码好像很难记的样子，其实只要稍微解释一下关键字就很容易记住了。

lt ：就是Less than的简写，也就是小于的意思。

lte ：就是Less than or equal to的简写，也就是小于或等于的意思。

gt ：就是Greater than的简写，也就是大于的意思。

gte：就是Greater than or equal to的简写，也就是大于或等于的意思。

!：就是不等于的意思，跟javascript里的不等于判断符相同。

这样解释一下，是不是好记多了。

曾经看到过下面的代码，现在想起来不禁有点想笑。这样的代码有什么意义吗？

<!--[if !IE]>

       <style type="text/css">

              @import "test.css";

       </style>

<![endif]-->

很长时间，我对这个都有一种误解——以为它就是用来根据浏览器不同载入不同css，从而解决样式兼容性问题的。其实，我错了。它其实可以做的更多。它可以保护任何代码块——HTML代码块、JavaScript代码块、服务器端代码……看看下面的代码。

<!--[if IE]>

        你使用的是IE浏览器，还会弹出个框哦。

        <script type="text/javascript">

             alert("你使用的是IE浏览器！");

        </script>

<![endif]-->