IE的条件语句整理

众所周知,IE6自出生以来,为人们付出了汗马功劳。但是,现在看来,它已经非常的老态龙钟了。它的儿子(IE7)和孙子(IE8)都已经出来,并且占有了一定的市场了。虽然它的接班人相比它来说对web标准的支持已经有了很大的进步,但是和其他的浏览器(Firefox、opera、Google chrome、Apple safari等)对比的话,IE还是有一些差距的。

因此,平时在工作中,我们总是为IE6或者IE浏览器写一些兼容性的样式。比如属性前的下划线“_”、比如“*html #nav{/*想要IE6展示的样式*/}”等等。这样的写法让IE和其他的浏览器有了相同的表现,但是我们的代码却不是那么好看了。为了保持我们CSS代码的清晰明了,我们也可以使用IE专有的条件语句。

下面是IE的条件语句参考:

针对所有版本的IE浏览器:

<!--[if IE]>
	这里是要在IE里显示的一些样式等
<![endif]-->

针对所有非IE的浏览器:

<!--[if !IE]>
	这里是在非IE里显示的一些样式等
<![endif]-->

针对所有非IE的浏览器:

<!--[if !IE]>
	这里是在非IE里显示的一些样式等
<![endif]-->



针对IE7:

<!--[if IE 7]>
	IE7
<![endif]-->

针对IE6

<!--[if IE 6]>
	IE6
<![endif]-->

针对IE5
<!--[if IE 5]>
	IE5
<![endif]-->

针对IE5.5

<!--[if IE 5.5000]>
	IE5
<![endif]-->

针对IE6和IE6以前版本:
<!--[if lt IE 7]>
	IE6和以前版本
<![endif]--> 

或者:

<!--[if lte IE 6]>
	IE6和以前版本
<![endif]--> 


IE7和以前版本:
<!--[if lt IE 8]>
	IE7和以前版本
<![endif]--> 


或者:
<!--[if lte IE 7]>
	IE7和以前版本
<![endif]-->


IE8和以前版本:
<!--[if lt IE 9]>
	IE7和以前版本
<![endif]--> 


或者:
<!--[if lte IE 8]>
	IE7和以前版本
<![endif]--> 



针对IE6和IE6以后的版本
<!--[if gt IE 5.5]>
	IE6和IE6以后的版本
<![endif]--> 

或者:
<!--[if gte IE 6]>
	IE6和IE6以后的版本
<![endif]--> 


针对IE7和IE7以后的版本
<!--[if gt IE 6]>
	IE7和IE7以后的版本
<![endif]--> 

或者:
<!--[if gte IE 7]>
	IE7和IE7以后的版本
<![endif]--> 



针对IE8和IE8以后的版本

<!--[if gt IE 7]>
	IE8和IE8以后的版本
<![endif]--> 

或者:
<!--[if gte IE 8]>
	IE8和IE8以后的版本
<![endif]--> 

在css-tricks上看到的一些信息,保存下来自己以后可以用。
另外也可以看之前的两篇文章:
[IE的条件语句]
[条件CSS的使用]
本文地址:http://www.xunzou.com/blog/post/608.html
原文地址:http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

0 条留言

我要留言
(必填)
(必填,绝不公开)