您现在的位置是：网站首页> 编程资料编程资料
css 条件注释使用指南_CSS教程_CSS_网页制作_
2021-09-08
884人已围观
简介 或许你知道，Internet Explorer 6 已经不是最先进的浏览器了。事实上，它已经八岁了，但是很多人还在使用这个不安全的浏览器。正因为如此，网页设计师不得不额外担心他们的网站在IE6下的表现。
在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
使用条件注释让用户升级他们的过时的浏览器
我通常不使用条件注释来修正浏览器bug。我使用他们的方法是告诉人们，他们使用的是一个过时的浏览器。在此类信息里面，我告诉他们，为了安全和更多功能，他们应该升级他们的浏览器。
通过这种方法，在用户看到这条消息的时候，你可以告诉用户，他们不应该使用这个版本的浏览器，然后他们就可能升级到一个更先进的浏览器。
正如你看到的这样，你可以在你的网站中使用这些条件注释的好处。
前几天前端观察发表了一系列的条件CSS的用法，那些用法是基于这个条件注释的扩展用法。当然这种条件注释的用法比较简单方便，但是使用条件css可以实现更高级的功能。请注意，本文所讲的条件注释可以直接在HTML代码中使用，而条件CSS需要配合程序实现。——神飞
这是用条件注释是可以实现的。条件注释只支持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
使用条件注释让用户升级他们的过时的浏览器
我通常不使用条件注释来修正浏览器bug。我使用他们的方法是告诉人们，他们使用的是一个过时的浏览器。在此类信息里面，我告诉他们，为了安全和更多功能，他们应该升级他们的浏览器。
复制代码
代码如下:通过这种方法，在用户看到这条消息的时候，你可以告诉用户，他们不应该使用这个版本的浏览器，然后他们就可能升级到一个更先进的浏览器。
正如你看到的这样，你可以在你的网站中使用这些条件注释的好处。
前几天前端观察发表了一系列的条件CSS的用法，那些用法是基于这个条件注释的扩展用法。当然这种条件注释的用法比较简单方便，但是使用条件css可以实现更高级的功能。请注意，本文所讲的条件注释可以直接在HTML代码中使用，而条件CSS需要配合程序实现。——神飞
相关内容
- RGBa色彩的浏览器支持分析_CSS教程_CSS_网页制作_
- 玩转CSS3色彩 _css3_CSS_网页制作_
- 网页制作小技巧 dl dt dd标签用法 _CSS教程_CSS_网页制作_
- css 网页虚线制作方法剖析_CSS教程_CSS_网页制作_
- 几个Reset CSS的八卦问题_CSS教程_CSS_网页制作_
- CSS网页设计 把HTML标记分类_CSS教程_CSS_网页制作_
- 正确地利用css改进网站设计的3个技巧_CSS教程_CSS_网页制作_
- CSS Prism 查看和编辑CSS中用到的颜色_CSS教程_CSS_网页制作_
- CSS样式按整洁易懂的结构组织_CSS教程_CSS_网页制作_
- 如何组织和注释CSS文件_CSS教程_CSS_网页制作_
