ie下的指定样式-20140106

玫瑰余香000 2014-01-07

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

2.<!--[ifIE]>所有的IE可识别<![endif]-->

3.<!--[ifIE5.0]>只有IE5.0可以识别<![endif]-->

4.<!--[ifIE5]>仅IE5.0与IE5.5可以识别<![endif]-->

5.<!--[ifgtIE5.0]>IE5.0以及IE5.0以上版本都可以识别<![endif]-->

6.<!--[ifIE6]>仅IE6可识别<![endif]-->

7.<!--[ifltIE6]>IE6以及IE6以下版本可识别<![endif]-->

8.<!--[ifgteIE6]>IE6以及IE6以上版本可识别<![endif]-->

9.<!--[ifIE7]>仅IE7可识别<![endif]-->

10.<!--[ifltIE7]>IE7以及IE7以下版本可识别<![endif]-->

11.<!--[ifgteIE7]>IE7以及IE7以上版本可识别<![endif]-->

使用方法

<!--[ifIE]>

这里是正常的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]-->
<!-- 默认先调用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]-->

使用的区别

<style type="text/css">
body{
background-color: #000;
}
</style>
<!--[if IE]>
<style type="text/css">
body{
background-color: #F00;
}
</style>
<![endif]-->

相关推荐