IE的IF条件注释

在CSS布局中，还常常用到IE Hack。if IE起着非常大的作用！

if IE什么意思呢？下面就列举了一些在CSS常见的HACK控制语句。

作为IE的IF条件注释使用备忘，有些时候试用if IE而不是在css中使用hack，就能通过w3c验证。

<!--[if !IE]>除IE外都可识别<![endif]-->

<!--[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]-->

条件注释只能在windows Internet Explorer(以下简称IE)下使用，因此我们可以通过条件注释来为IE添加特别的指令。

通俗点，条件注释就是一些if判断，但这些判断不是在脚本里执行的，而是直接在html代码里执行的，比如：

<!--[if IE]>

这里是正常的html代码

<![endif]-->

1，条件注释的基本结构和HTML的注释(<!-- -->)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。

2，IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。

3，条件注释使用的是HTML的注释结构，因此他们只能使用在HTML文件里，而不能在CSS文件中使用。

可使用如下代码检测当前IE浏览器的版本（注意：在非IE浏览器中是看不到效果的）

<!--[if IE]>

      <h1>您正在使用IE浏览器</h1>

      <!--[if IE 5]>

          <h2>版本 5</h2>

      <![endif]-->

      <!--[if IE 5.0]>

          <h2>版本 5.0</h2>

      <![endif]-->

      <!--[if IE 5.5]>

          <h2>版本 5.5</h2>

      <![endif]-->

      <!--[if IE 6]>

          <h2>版本 6</h2>

      <![endif]-->

      <!--[if IE 7]>

          <h2>版本 7</h2>

      <![endif]-->

<![endif]-->

那如果当前的浏览器是IE，但版本比IE5还低，该怎么办呢，可以使用<!--[if ls IE 5]>，当然，根据条件注释只能在IE5+的环境之下，所以<!--[if ls IE 5]>根本不会被执行。

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

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

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

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

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

Conditional comments属于CSS hack? 条件判断属于CSS hack吗？

严格地说是属于CSS hack。因为就好象其他真正的css hack一样，它使得我们可以给一些浏览器赋予特殊的样式，再则它不依赖于某个浏览器的BUG来控制另外一个浏览器（的样式）。除此之外，条件判断还能用 来做一些超出CSS HACK范围的事情(虽然这种情况很少发生)。

因为条件判断不依赖于某个浏览器的hack,而是一个经过深思熟虑的特色功能，所以我相信它是可以被放心地使用的。当然，其他浏览器也有可能支持条件判断（到目前为止还没有），但是看起来，他们应该不会使用如<!--[if IE]>这样的语法。

应该如何应用条件注释

本文一开始就说明了，因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样，具体就是对CSS的解释不同，我们为了兼容这些，可运用条件注释来各自定义，最终达到兼容的目的。比如：

<!-- 默认先调用css.css样式表 -->

<link rel="stylesheet" type="text/css" href="css.css" />

<!--[if IE 7]>

<!-- 如果IE浏览器版是7,调用ie7.css样式表 -->

<link rel="stylesheet" type="text/css" href="ie7.css" />

<![endif]-->

<!--[if lte IE 6]>

<!-- 如果IE浏览器版本小于等于6,调用ie.css样式表 -->

<link rel="stylesheet" type="text/css" href="ie.css" />

<![endif]-->

这其中就区分了IE7和IE6向下的浏览器对CSS的执行，达到兼容的目的。同时，首行默认的css.css还能与其他非IE浏览器实现兼容。

注意：默认的CSS样式应该位于HTML文档的首行，进行条件注释判断的所有内容必须位于该默认样式之后。

比如如下代码，在IE浏览器下执行显示为红色，而在非IE浏览器下显示为黑色。如果把条件注释判断放在首行，则不能实现。该例题很能说明网页对IE浏览器和非IE浏览器间的兼容性问题解决。

<style type="text/css">

body{

background-color: #000;

}

</style>

<!--[if IE]>

<style type="text/css">

body{

background-color: #F00;

}

</style>

<![endif]-->

同时，有人会试图使用<!--[if !IE]>来定义非IE浏览器下的状况，但注意：条件注释只有在IE浏览器下才能执行，这个代码在非IE浏览下非单不是执行该条件下的定义，而是当做注释视而不见。

正常就是默认的样式，对IE浏览器需要特殊处理的，才进行条件注释。

IE的有条件注释是一种专有的（因此是非标准的）、对常规 （X）HTML注释的Miscrosoft扩展。顾名思义，有条件注释使你能够根据条件（比如浏览器版本）显示代码块(不一定就是css，也可以是 html代码，甚至是JavaScript代码)。尽管是非标准的，但是有条件注释对于其他所有浏览器作为常规注释出现，因此本质上是无害的。有条件注释 在Windows上的IE5中首次出现，并且得到了Widnows浏览器所有后续版本的支持。

IE的有条件注释是一种专有的（因此是非标准的）、对常规（X）HTML注释的Miscrosoft扩展。顾名思义，有条件注释使你能够根据条件 （比如浏览器版本）显示代码块。尽管是非标准的，但是有条件注释对于其他所有浏览器作为常规注释出现，因此本质上是无害的。有条件注释在Windows上 的IE5中首次出现，并且得到了Widnows浏览器所有后续版本的支持。

IE的有条件注释及其有效，而且非常容易记住。主要的缺点是这些注释需要放在HTML页面中，而不是放在CSS中。这样，当你不需要这些东西，或者有所更改的时候，就需要维护很多的地方。

让我们据几个例子来看看吧——

只有IE才能识别

因为只有IE5以上的版本才开始支持IE条件注释，所有“只有IE”才能识别的意思是“只有IE5版本以上”才能识别。

<!--[if IE]>

<style type="text/css">

@import "test.css";

</style>

<![endif]-->

只有特定版本才能识别

例如，只有IE5才能识别，只有IE6才能识别，只有IE7或者IE8才能识别。识别的条件是特定的版本，高了或者低了都不可以。例如下面的代码块，将只会在IE8中有效

<!--[if IE 8]>

<style type="text/css">

@import "test.css";

</style>

只有不是特定版本的才能识别

当然，IE浏览器需要在5以上的版本，才在讨论范围之内。例如下面的例子中，特定了IE7版本不能识别。

<!--[if !IE 7]>

<style type="text/css">

@import "test.css";

</style>

<![endif]-->

<![endif]-->

只有高于特定版本才能识别

只有高于制定版本的IE浏览器才能识别的代码块。

<!--[if gt IE 7]>

<style type="text/css">

@import "test.css";

</style>

<![endif]-->

剩下的大家就按照这个去推算吧
从IE5.0到7.0都支持注释功能，而且版本号精确到小数点后4位： 

示例代码: 

<!–[if IE 6.1000]>只有IE6.1版本可以使用<![endif]–> IE条件注释还支持感叹号非操作：  

示例代码： 

<!–[if !IE 6.0]>此内容除了IE6.0版本之外都可见<![endif]–> 并且支持前缀，用于判断更高版本或是更低版本： 

示例代码： 

<!–[if gt IE 5.0]>此内容只有IE5.0以上版本可见<![endif]–>  

其他条件属性判断说明： 

lt 译：是Less than的简写,小于的意思[不含当前版本] 

lte 译：是Less than or equal to的简写,小于或等于的意思[含当前版本] gt 译：是Greater than的简写,大于的意思[不含当前版本] 

gte 译：是Greater than or equal to的简写,是大于或等于的意思[含当前版本] !  译:是不等于的意思,跟javascript里的不等于判断符相同