css 条件注释使用指南

2024-07-11 08:26:52

字体：大中小

来源：转载

供稿：网友

在CSS 框架和模板出现以后，一些布局的问题可以很容易解决掉，但是显然这不能解决全部问题。这些问题通常可以通过普通的CSS来解决，但是有时候只针对IE显示一些(样式)信息可能会更好。

这是用条件注释是可以实现的。条件注释只支持Windows系统中的IE浏览器。通过这些技巧，我们可以为基于Windows的IE5、6、7、8添加一些特殊的行为。这样做的好处是，HTML和CSS代码可以通过验证。

条件注释的格式
所有可用的条件注释标签是基于相同的原理的。这些条件注释可用于所有的IE浏览器版本。

复制代码

代码如下:

根据情况不同，你需要添加一个浏览器版本号。比如，或许你想让IE5.5使用一个不同的样式表：

复制代码

代码如下:

或者只针对IE7:

复制代码

代码如下:

你已经掌握了要领了，是吧？

我们还能用条件注释做什么？
微软同样为这些条件注释添加了一些参数。比如，我们可以使用高于或等于某个版本、低于或等于某个版本。添加这些的确很方便。

比如说，我们要给IE7以及以下的浏览器添加一个不同的样式表，我们可以这样做：

复制代码

代码如下:

或者我们想为IE6以上的浏览器创建一个不同的样式表：

复制代码

代码如下:

我们可以在我们的条件注释中使用以下参数：

复制代码

代码如下:
lte – 低于或等于
lt – 低于
gte – 高于或等于
gt – 高于
(IE6)|(IE7) – Internet Explorer 6或 Internet Explorer 7
(IE6)&(IE7) – Internet Explorer 6 和 Internet Explorer 7

更多函数
http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx
使用条件注释让用户升级他们的过时的浏览器

上一篇：WEB标准心得之网页重构的思路

下一篇：RGBa色彩的浏览器支持分析