【企业网站优化价格】条件注释样式的编写方法及示例代码

作为前端工程师的我们来说，IE对我们来说一定是不陌生的。在 编写 代码 实现设计稿的时候，往往会出现各式各样有关IE的兼容性问题。对于兼容性的处理， 方法 也有很多。最简单的方法就是针对浏览器写不同的 样式 。
IE中每个浏览器都有一套属于自己的注释。属于自己浏览器的注释会专门在自己的浏览器中识别，而且他的浏览器并不识别。下面我们将为大家揭晓 条件 样式的编写方法。

是HTML语言中的注释。它是一种添加到代码中的笔记，让自己或你的团队成员明白你写的是什么，写到什么时候等等信息，这种注释并不会在浏览器中显示出来，但大家在查看页面的源代码时可以看到这一部分，如下面的一个简单实例：

复制代码

<!– 这里是HTML注释 –>
<div>HTML注释</div>

复制代码

<!–[if IE]>
<link href=”IE.css” type=”text/css”/>
<![endif]–>

复制代码

<!–[if !IE]>
<link href=”noIE.css” type=”text/css”/>
<![endif]–>

复制代码

<!–[if !IE]><!–>
<link href=”noIE.css” type=”text/css” />
<!–<![endif]–>

复制代码

<!–[if IE 10]>
<link type=”text/css” href=”IE10.css”>
<![endif]–>

复制代码

<!–[if IE 9]>
<link type=”text/css” href=”IE9.css”>
<![endif]–>

复制代码

<!–[if IE 8]>
<link type=”text/css” href=”IE8.css”>
<![endif]–>

复制代码

<!–[if IE 7]>
<link type=”text/css” href=”IE7.css”>
<![endif]–>

复制代码

<!–[if IE 6]>
<link type=”text/css” href=”IE6.css”>
<![endif]–>

复制代码

<!–[if lt IE 10]>
<link type=”text/css” href=”ie9Down.css”>
<![endif]–>

复制代码

<!–[if lte IE 9]>
<link type=”text/css” href=”ie9Down.css”>
<![endif]–>

复制代码

<!–[if lt IE 9]>
<link type=”text/css” href=”ie8Down.css”>
<![endif]–>

复制代码

<!–[if lte IE 8]>
<link type=”text/css” href=”ie8Down.css”>
<![endif]–>

复制代码

<!–[if lt IE 8]>
<link type=”text/css” href=”ie7Down.css”>
<![endif]–>

复制代码

<!–[if lte IE 7]>
<link type=”text/css” href=”ie7Down.css”>
<![endif]–>

复制代码

<!–[if lt IE 7]>
<link type=”text/css” href=”ie6Down.css”>
<![endif]–>

复制代码

<!–[if lte IE 6]>
<link type=”text/css” href=”ie6Down.css”>
<![endif]–>

复制代码

<!–[if gt IE 9]>
<link type=”text/css” href=”ie10Up.css”>
<![endif]–>

复制代码

<!–[if gte IE 10]>
<link type=”text/css” href=”ie10Up.css”>
<![endif]–>

复制代码

<!–[if gt IE 8]>
<link type=”text/css” href=”ie9Up.css”>
<![endif]–>

复制代码

<!–[if gte IE 9]>
<link type=”text/css” href=”ie9Up.css”>
<![endif]–>

复制代码

<!–[if gt IE 7]>
<link type=”text/css” href=”ie8Up.css”>
<![endif]–>

复制代码

<!–[if gte IE 8]>
<link type=”text/css” href=”ie8Up.css”>
<![endif]–>

复制代码

<!–[if gt IE 6]>
<link type=”text/css” href=”ie7Up.css”>
<![endif]–>

复制代码

<!–[if gte IE 7]>
<link type=”text/css” href=”ie7Up.css”>
<![endif]–>

复制代码

<!–[if IE]>
<script type=”text/javascript” src=”IE.js”></script>
<![endif]–>