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 条留言
我要留言