CSS识别浏览器

转载 2011年11月04日 17:14:39

今天被在修改CSS的时候,突然碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒人的习惯做法。结论如下:

selector{ 
property:value; /* 所有浏览器 */ 
property:value\9; /* 所有IE浏览器 */ 
+property:value; /* IE7 */ 
_property:value; /* IE6 */ 
}

当然,注意顺序。根据CSS的优先性,上面的写法,分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个演示

演示的CSS代码如下:

p.ie{ 
height:60px;text-align:center;line-height:60px;border:1px dashed #bbb;background:#f7f7f7;font:15; 
color:blue; // 所有浏览器 
color:brown\9; // 所有IE浏览器 
+color:red; // IE7 
_color:green; // IE6 
}

哈,事实就这么简单。你看到的是那一句话呢?如果你多个浏览器都测试了,就会看到,显示的文字和颜色是不同的。为什么?看看我的HTML中这个段落是这样写的:

<p class="ie"> 
<span style="display:block;display:none\9;">嘿嘿,小子竟然也用Firefox,蓝色文字。</span> 
<!--[if IE 8]>不错不错,挺先进的嘛,使用IE8呢!文字是褐色的。<![endif]--> 
<!--[if IE 7]>你,IE7,红色文字!<![endif]--> 
<!--[if IE 6]>孩子,虽然显示的是绿色文字,不过,IE6可不是好东西呢!<![endif]--> 
</p>

对,就是IE条件注释+CSS的结果。顺路学一下IE条件注释吧。不用再举例了吧,一看就知道那个对那个了。

HTML和CSS中如何判断ie各版本浏览器

一、HTML代码中 在编写网页代码时,各种浏览器的兼容性是个必须考虑的问题,有些时候无法找到适合所有浏览器的写法,就只能写根据浏览器种类区别的代码,这时就要用到判断代码了。在HTML代码中,区别...
  • woshixuye
  • woshixuye
  • 2013年06月21日 12:01
  • 10598

解决不同浏览器对css支持问题详解

多使用JQuery,它有很好的兼容性。 在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网...
  • s2940086379
  • s2940086379
  • 2015年05月22日 18:40
  • 794

利用js,css来判断浏览器执行不同css

介绍   毫无疑问,任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 CSS 执行的完整性。条件 ...
  • gll123456gll
  • gll123456gll
  • 2013年11月15日 15:59
  • 2430

浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试

在浏览器兼容之JavaScript篇——已在IE、FF、Chrome测试和浏览器兼容性问题解决方法,已在IE、FF、Chrome测试中已经对浏览器中存在的CSS的兼容性和JS的兼容性进行了简单说明,现...
  • dandanzmc
  • dandanzmc
  • 2014年01月27日 14:20
  • 32386

css判断ie版本才引用样式或css文件

除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版...
  • a460550542
  • a460550542
  • 2017年06月20日 22:09
  • 1386

CSS实现相对浏览器窗口定位

Web Developer / Designer 经常需要将一个元素“固定”在页面的某个位置。例如弹出窗口、漂浮广告位等……本文将详细介绍简单CSS实现元素相对于浏览器窗口进行定位的方法。 po...
  • huangdehui1989
  • huangdehui1989
  • 2014年03月08日 00:30
  • 3002

有关css和js针对不同浏览器兼容的问题

首先谈一下浏览器,虽然现在ie依然是浏览器市场的老大,大约占有67%的份额,但是由于其各方面的欠缺,用户开始选择其他浏览器作为自己浏览网页的主要 工具,比如firefox、theworld、maxth...
  • yinkaihui
  • yinkaihui
  • 2016年04月13日 13:33
  • 3613

浏览器解析css选择器的规则

浏览器解析css选择器的规则是从右向左的,这样会提高查找选择器所对应的元素的效率。 中国人有一个习惯,不论干什么,潜意识中的顺序都是从左到右,从上到下,从大到下,因此大多数人看到这个顺序都会感到很不适...
  • qq_21397815
  • qq_21397815
  • 2017年06月06日 09:42
  • 433

浏览器工作原理(五):CSS解析(CSS parsing)

还记得简介中提到的解析的概念吗,不同于html,css属于上下文无关文法,可以用前面所描述的解析器来解析。Css规范定义了css的词法及语法文法。 看一些例子: 每个符号都由正则表达式定义了词法文法(...
  • lxcao
  • lxcao
  • 2016年10月19日 18:42
  • 2233

CSS样式的五种来源及浏览器默认样式

CSS中存在样式层叠问题,而且不仅仅是只有在一个样式文件中存在层叠问题,因为CSS的样式有5种来源,我们程序员一般都接触前面三种。 第一,浏览器默认样式表当你不为html设置任何样式时,显示在浏览器...
  • u013778905
  • u013778905
  • 2016年10月21日 20:53
  • 1296
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS识别浏览器
举报原因:
原因补充:

(最多只允许输入30个字)