IE版本条件注释语句(全) - 个人技术博客

IE版本条件注释语句(全)

1
<!--[if lt IE 9]>
2
<script charset="utf-8" type="text/javascript" src="js/html5.min.js"></script>
3
<![endif]-->

1、只有IE才能识别

1
<!--[if IE]>
2
<link type="text/css" rel="stylesheet" href="my.css" />
3
<![endif]-->

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

1
<!--[if IE 8]>
2
<link type="text/css" rel="stylesheet" href="my.css" />
3
<![endif]-->

识别特定的IE版本，高了或者低了都不可以。上例只有IE8才能识别。
3、只有不是特定版本的才能识别

1
<!--[if !IE 7]>
2
<link type="text/css" rel="stylesheet" href="my.css" />
3
<![endif]-->

上例中特定IE7版本不能识别，其他版本都能识别，当然要在IE5以上。
4、只有高于特定版本才能识别

1
<!--[if gt IE 7]>
2
<link type="text/css" rel="stylesheet" href="my.css" />
3
<![endif]-->

上例中只有高于IE7的版本才能识别。IE7无法识别。
5、等于或者高于特定版本才能识别

1
<!--[if gte IE 7]>
2
<link type="text/css" rel="stylesheet" href="my.css" />
3
<![endif]-->

上例中IE7和更高的版本都能识别。
6、只有低于特定版本的才能识别

1
<!--[if lt IE 7]>
2
<link type="text/css" rel="stylesheet" href="my.css" />
3
<![endif]-->

上例中只有低于IE7的版本才能识别，IE7无法识别。
7、等于或者低于特定版本的才能识别

1
<!--[if lte IE 7]>
2
<link type="text/css" rel="stylesheet" href="my.css" />
3
<![endif]-->

上例中IE7和更低的版本可以识别。
关键词解释
上面那些代码好像很难记的样子，其实只要稍微解释一下关键字就很容易记住了。
lt ：就是Less than的简写，也就是小于的意思。
lte ：就是Less than or equal to的简写，也就是小于或等于的意思。
gt ：就是Greater than的简写，也就是大于的意思。
gte：就是Greater than or equal to的简写，也就是大于或等于的意思。
!：就是不等于的意思，跟javascript里的不等于判断符相同。

特别提示：

１、有人会试图使用<!—[if !IE]>来定义非IE浏览器下的状况，但注意：条件注释只有在IE浏览器下才能执行，这个代码在非IE浏览下被当做注释视而不见。
２、我们通常用IE条件注释根据浏览器不同载入不同css，从而解决样式兼容性问题的。其实它可以做的更多。它可以保护任何代码块——HTML代码块、JavaScript代码块、服务器端代码……看看下面的代码。

1
<!--[if IE]>
2
<script type="text/javascript">
3
 alert("你使用的是IE浏览器！");
4
</script>
5
<![endif]-->

1
<!–[if !IE]><!–><!–<![endif]–><!–除IE外都可识别（IE10版本以上也可以识别）–>
2
<!–[if IE]><![endif]–><!–IE9以及以下版本可识别–>
3
<!–[if IE 5]><![endif]–><!–仅IE5可识别–>
4
<!–[if IE 5.0]><![endif]–><!–仅IE5.0可识别–>
5
<!–[if IE 5.5]><![endif]–><!–仅IE5.5可识别–>
6
<!–[if IE 6]><![endif]–><!–仅IE6可识别–>
7
<!–[if IE 7]><![endif]–><!–仅IE7可识别–>
8
<!–[if IE 8]><![endif]–><!–仅IE8可识别–>
9
<!–[if IE 9]><![endif]–><!–仅IE9可识别–>
10
<!–[if lt IE 5]><![endif]–><!–IE5以下版本可识别–>
11
<!–[if lt IE 5.0]><![endif]–><!–IE5.0以下版本可识别–>
12
<!–[if lt IE 5.5]><![endif]–><!–IE5.5以下版本可识别–>
13
<!–[if lt IE 6]><![endif]–><!–IE6以下版本可识别–>
14
<!–[if lt IE 7]><![endif]–><!–IE7以下版本可识别–>
15
<!–[if lt IE 8]><![endif]–><!–IE8以下版本可识别–>
16
<!–[if lt IE 9]><![endif]–><!–IE9以下版本可识别–>
17
<!–[if lte IE 5]><![endif]–><!–IE5以及IE5以下版本可识别–>
18
<!–[if lte IE 5.0]><![endif]–><!–IE5.0以及IE5.0以下版本可识别–>
19
<!–[if lte IE 5.5]><![endif]–><!–IE5.5以及IE5.5以下版本可识别–>
20
<!–[if lte IE 6]><![endif]–><!–IE6以及IE6以下版本可识别–>
21
<!–[if lte IE 7]><![endif]–><!–IE7以及IE7以下版本可识别–>
22
<!–[if lte IE 8]><![endif]–><!–IE8以及IE8以下版本可识别–>
23
<!–[if lte IE 9]><![endif]–><!–IE9以及IE9以下版本可识别–>
24
<!–[if gt IE 5]><![endif]–><!–IE5以上版本可识别–>
25
<!–[if gt IE 5.0]><![endif]–><!–IE5.0以上版本可识别–>
26
<!–[if gt IE 5.5]><![endif]–><!–IE5.5以上版本可识别–>
27
<!–[if gt IE 6]><![endif]–><!–IE6以上版本可识别–>
28
<!–[if gt IE 7]><![endif]–><!–IE7以上版本可识别–>
29
<!–[if gt IE 8]><![endif]–><!–IE8以上版本可识别–>
30
<!–[if gt IE 9]><![endif]–><!–IE9以上版本可识别–>
31
<!–[if gte IE 5]><![endif]–><!–IE5以及IE5以上版本可识别–>
32
<!–[if gte IE 5.0]><![endif]–><!–IE5.0以及IE5.0以上版本可识别–>
33
<!–[if gte IE 5.5]><![endif]–><!–IE5.5以及IE5.5以上版本可识别–>
34
<!–[if gte IE 6]><![endif]–><!–IE6以及IE6以上版本可识别–>
35
<!–[if gte IE 7]><![endif]–><!–IE7以及IE7以上版本可识别–>
36
<!–[if gte IE 8]><![endif]–><!–IE8以及IE8以上版本可识别–>
37
<!–[if gte IE 9]><![endif]–><!–IE9以及IE9以上版本可识别–>

音乐

音乐

支持与分享