云南龙网

  1. 首页 > 云知道 > >

浏览器兼容之旅第一站:如何在页面中创建IE条件注释( 三 )

云知道


![endif]--

13、高于IE8的版本(IE9以及IE9以上版本)

复制代码代码如下:
!--[if gt IE 8]
link rel="stylesheet" type="text/css" href="https://www.rkxy.com.cn/dnjc/ie9-and-up.css"
![endif]--

或：

复制代码代码如下:
!--[if gte IE 9]
link rel="stylesheet" type="text/css" href="https://www.rkxy.com.cn/dnjc/ie9-and-up.css"
![endif]--

14、高于IE7的版本(IE8以及IE8以上版本)

复制代码代码如下:
!--[if gt IE 7]
link rel="stylesheet" type="text/css" href="https://www.rkxy.com.cn/dnjc/ie8-and-up.css"
![endif]--

或：

复制代码代码如下:
!--[if gte IE 8]
link rel="stylesheet" type="text/css" href="https://www.rkxy.com.cn/dnjc/ie8-and-up.css"
![endif]--

15、高于IE6的版本(IE7以及IE7以上版本)

复制代码代码如下:
!--[if gt IE 6]
link rel="stylesheet" type="text/css" href="https://www.rkxy.com.cn/dnjc/ie7-and-up.css"
![endif]--

或：

复制代码代码如下:
!--[if gte IE 7]
link rel="stylesheet" type="text/css" href="https://www.rkxy.com.cn/dnjc/ie7-and-up.css"
![endif]--

16、高于IE5.5的版本(IE6以及IE6以上版本)

复制代码代码如下:
!--[if gt IE 5.5]
link rel="stylesheet" type="text/css" href="https://www.rkxy.com.cn/dnjc/ie6-and-up.css"
![endif]--

或：

复制代码代码如下:
!--[if gte IE 6]
link rel="stylesheet" type="text/css" href="https://www.rkxy.com.cn/dnjc/ie6-and-up.css"
![endif]--

12-16几种方式刚好和8-11几方式相反，我们此处使用的是gt和gte，gt刚好和lt相反，表示的是大于条件版本号，不包括版本号本身；而gte则和lte相反，表示的是大于或等于条件版本号，包括了条件版本自身 。一共罗列了16种条件注释所表达的含义，大家要呵以根据平时的应用对比参照一下，如果从未接触的朋友，可以动手尝试一下，动手能丰衣足食嘛 。
上面就是展示了如何创建条件注释样式，大家可以根据自己的需求使用其中的一种或是多种，最后总结一下条件注释主要针对的是IE浏览器，所以我们也把他称作IE条件注释 。另外IE条件注释只有IE5以上的版本才开始支持IE条件注释，所以只有ＩＥ才能识别，换句话说，只有IE5版本以上才能识别IE条件注释 。如此一来，我们管理给IE兼容写的单独样式，就带来了极大的方便与好处 。最后有一点需要提出的是：IE的条件注释不单单针对样式，我们也可以针对于javascrit或者其字的注释说明 。最后我们在来看一个IE条件注释应用在javaScript的实例：

复制代码代码如下:
!--[if IE 6]
script type="text/javascript" src="/images/defaultpic.gif" /script
script type="text/javascript" src="/images/defaultpic.gif" /script
![endif]--

这一节主要了解了如何在页面中创建IE条件注释,以及其带来的好处，和所起的作用 。那么下一节将进入浏览器兼容之旅第二站:各浏览器的Hack写法让浏览器达到一致的渲染效果 。感兴趣的朋友请观注本站的相关更新 。

推荐阅读


上一篇：梦到逮鱼什么意思

下一篇：宣传委员是干什么的