css 条件注释使用指南_ Div+Css教程-查字典教程网
css 条件注释使用指南
css 条件注释使用指南
发布时间:2016-12-27 来源:查字典编辑
摘要:原文:http://www.qianduan.net/?p=6572译自:http://www.divitodesign.com版权所有,转...

原文:http://www.qianduan.net/?p=6572

译自:http://www.divitodesign.com

版权所有,转载请注明出处,谢谢。

或许你知道,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

点击这里查看更多参数

使用条件注释让用户升级他们的过时的浏览器

我通常不使用条件注释来修正浏览器bug。我使用他们的方法是告诉人们,他们使用的是一个过时的浏览器。在此类信息里面,我告诉他们,为了安全和更多功能,他们应该升级他们的浏览器。

<>

通过这种方法,在用户看到这条消息的时候,你可以告诉用户,他们不应该使用这个版本的浏览器,然后他们就可能升级到一个更先进的浏览器。

正如你看到的这样,你可以在你的网站中使用这些条件注释的好处。

前几天前端观察发表了一系列的条件CSS 的用法,那些用法是基于这个条件注释的扩展用法。当然这种条件注释的用法比较简单方便,但是 使用条件css 可以实现更高级的功能。请注意,本文所讲的条件注释可以直接在HTML代码中使用,而条件CSS需要配合程序实现。——神飞

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类