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条件注释吧。不用再举例了吧,一看就知道那个对那个了。

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

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

ie浏览器前缀特殊符号的识别

CSS前面加一个“_”是IE6可识别 ie7是在前面加一个星号——“*”; ie8是在属性后面加一个斜杠和0——“\0”; ie9是在属性后同时加上斜杠9和斜杠0——"\9\0" 当然这些都不是规...
  • cly153239
  • cly153239
  • 2015-07-22 11:21:59
  • 1912

CSS hack 如何区分所有IE浏览器和非IE浏览器

CSS hack 如何区分所有IE浏览器和非IE浏览器
  • baohuan_love
  • baohuan_love
  • 2014-06-21 16:23:38
  • 2860

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

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

网页设计(div css)之浏览器不兼容性问题及解决方法

下面将浏览器不兼容原因及解决方法整理一下,不足之处以后遇到再继续补充: **1. 文字大小不兼容** 同样14px的宋体字,ie下实际占高16px,下留白3px,firefox下实际占高17px,上...
  • chongshangyunxiao321
  • chongshangyunxiao321
  • 2016-04-12 14:47:48
  • 964

大部分浏览器都支持css样式中各种字体

hello world华文新魏:STXinwei hello world华文行楷:STXingkai hello world华文隶书:STLiti hello world华文琥珀:STHu...
  • meylovezn
  • meylovezn
  • 2015-02-10 17:16:33
  • 5733

IE浏览器和火狐浏览器兼容问题——CSS篇

一、css+div 样式 IE与FF兼容问题汇总   CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和火狐浏览器存在很大的解析差异,这里介绍一下兼容要点。 1、DOCTYPE 影响 CSS...
  • qq_17610767
  • qq_17610767
  • 2014-12-26 09:31:40
  • 570

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

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

判断浏览器是否支持某个CSS属性

if( attr in document.documentElement.style){ return true; }else{ return false; } 如判断是否支...
  • alanfancy
  • alanfancy
  • 2016-02-01 11:30:47
  • 535

把任意字符转成浏览器能够识别的特殊符号

public static String toHtmlEntity(String c){ if(c!=null&&c.length()>0){ String t...
  • An342647823
  • An342647823
  • 2011-12-08 15:50:11
  • 1182
收藏助手
不良信息举报
您举报文章:CSS识别浏览器
举报原因:
原因补充:

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