IE条件注释详解

CSS条件注释是一微软从IE5开始就提供的一种非标准逻辑语句，作用是可以灵活的为不同IE版本浏览器导入不同html元素，如：样式表，html标签等。很显然这种方法的最大好处就在于属于微软官方给出的兼容解决办法而且还能通过W3C的效验。

总结一下通用的语法是这样的（注意红色部分）：

<!--[ if rang IE no]>
......
<![ endif ]-->

“rang”的取值有以下几种：

lie: Less than or equal to的缩写，表示小于或者等于
lt: Less than的缩写，表示小于
Gte: greater than or equal to的缩写，表示大于或者等于
Gt: greater than的缩写，表示大于
!: 不等于，编程语言中逻辑非的符号

“no”即表示IE的具体版本号，如：5,6,7,8

“……”省略号表示在以上条件下显示出来的html代码，如:

<!--[ if lte IE 6]>
<style type="text/css">
	body{ text-align:center; }
</style>
<![ endif ]-->

这条代码表示：在IE6以下版本的浏览器中body元素的文字对齐方式为居中。

《IE条件注释详解》上有 26 条评论

从连接中跳过来学习的

回复 ↓

kily 在 2009年10月14日21:25 说：

@逸冰呵呵。哪儿的链接呀！

回复 ↓

这个有用~ 收藏之~~

回复 ↓

if rang IE no。。
原来是这样。你讲的真细

回复 ↓

kily 在 2009年10月14日18:11 说：

@卢松松呵呵。中间那两个“变量”是我自己起的名哈。好理解。

回复 ↓

讨厌IE6，对css支持很特别。。。

回复 ↓

我发现Opera有些特别~不过没针对opera的这些==

回复 ↓

kily 在 2009年10月13日22:49 说：

@安嗯。确实，不过我对Opera没研究。

回复 ↓

高深的东西看不懂

回复 ↓

kily 在 2009年10月13日21:39 说：

@canaan 我觉得还好吧，用的时候很简单的。

回复 ↓

这个我也经常用到，针对IE6写代码…
IE6的hack也用了不少，尽管不提倡用hack

回复 ↓

看到关于代码的东西只能说学习了！！！！

回复 ↓

kily 在 2009年10月13日11:05 说：

@菲萨塔嗯。其实要想掌握也挺简单的，自己做上几个例子就可以了。

回复 ↓

太专业，只好支持

回复 ↓

kily 在 2009年10月13日10:11 说：

@先看看还好，这个对于CSS来说还是比较简单的。

回复 ↓
mimzyx 在 2009年10月13日13:58 说：

同支持。呵呵。。。

回复 ↓

css里面还能搞判断语句？？

回复 ↓

kily 在 2009年10月13日09:39 说：

@huangjun 我说的这个不是CSS，是可以加在html中的IE专用代码。其实IE还有专用的CSS Expression不过是不常用罢了。

回复 ↓

太专业，看不懂，纯粹支持了。

回复 ↓

kily 在 2009年10月13日06:36 说：

@hexie 嗯。可能吧！但如果你想改改主题的话这个比较好用。

回复 ↓

发现有些人留言的目的就是为了留言，留言之前根本不看文章的，往往眼睛一扫，就开始信口开河，或者模棱两可地说几句。这是对作者的极大不尊重。

回复 ↓

kily 在 2009年10月13日06:34 说：

@BIgfools 嗯。虽然是这样我们还是要怀着和谐的态度去回大家的留言。

回复 ↓

留言内容可以体现一个人的个性和态度! 说得好！

回复 ↓

kily 在 2009年10月13日06:32 说：

@Sudd 呵呵。感谢支持，欢迎来留言，留出风格留出个性^!^

回复 ↓

嗯用到过比如给IE6的死忠一个升级提示

回复 ↓

kily 在 2009年10月13日06:35 说：

@whisperer 呵呵。我道是没怎么喜欢扼杀IE6,我们做好兼容后让它自生自灭即可^!^

回复 ↓

Kily's Blog

calls me kily

《IE条件注释详解》上有 26 条评论

发表评论取消回复

《IE条件注释详解》上有 26 条评论

发表评论 取消回复

发表评论取消回复