IE条件注释的一些笔记

​最近听Scott老师的课，有讲到条件注释，看，评论有些同学对ｉｅ条件注释存在疑问，所以，把我的笔记翻了出来，分享一下，写的不好的，还请多多指教...

条件注释是 专门针对IE 的，因此是非标准的。

作用

条件注释能够根据条件(如浏览器版本)显示代码块。
条件注释在其他浏览器看来是正常的注释，直接忽略掉，本质上无害。而IE浏览器可以解析它。
所以条件注释通常被看做处理IE特有bug的最好方法。

用法

将样式提供给IE5及以上版本

<!--[if IE]>
  <link rel="stylesheet" href="ie.css">
<! [endif]-->

指定一种特定的浏览器，如IE6

<!--[if IE 6]>
  <link rel="stylesheet" href="ie6.css">
<! [endif]-->

指定一组浏览器，如IE5和IE5.5

<!--[if it IE 6]>
  <link rel="stylesheet" href="ie5x.css">
<! [endif]-->

上面的一些条件注释是向IE提供满足条件的样式表，另外，还可以隐藏特定的样式表。

对IE的所有版本隐藏高级样式表,这些样式表通常是现代浏览器所支持的

<!--[if !IE]>
  <link rel="stylesheet" href="adv.css">
<! [endif]-->

对IE5.x隐藏高级样式表

<!--[if gte IE 6]>
  <link rel="stylesheet" href="adv.css">
<! [endif]-->

其他

常用的大概就这些了，简单有效。
另外，条件注释不只是局限于提供样式，JS同样可以，可以根据条件引入低版本IE所不支持的一些新特性...
如，respond.js让IE6-8支持媒体查询。
bootstrap是这么干的,可以去看看...

原创笔记转载请注明＠jeneser

我的github: https://github.com/jeneser