css对不同浏览器兼容的问题

在web开发中，每个人都会遇到css对不同浏览器兼容的问题，虽然不是什么大问题，却着实让人费心，特别对于一些没有经验的开发者来说，是特别头疼的。经常会在网上看到有人抱怨浏览器版本太多，没办法，市场总是存在竞争的，有问题我们就想办法解决它吧。下边是本人总结的一些针对不同浏览器的css hack，希望能帮助需要的朋友。

 

background:blue;Firefox 背景变蓝色background:red /9;IE8 背景变红色*background:black;IE7 背景变黑色_background:orange;IE6 背景变橘色

 

IE6以下

*html{}

IE 7 以下

*:first-child+html {} * html {}

只对IE 7

*:first-child+html {}

只对IE 7 和现代浏览器

html>body {}

只对IE 8（属性值后加/0）

.name {color:#ccc/0; }

只对现代浏览器(非IE 7)

html>/**/body {}

最新的Opera 9以下版本

html:first-child {}

Safari

html[xmlns*=”"] body:last-child {}

Firefox 3

.classname, x:-moz-any-link, x:default {}

#id, x:-moz-any-link, x:default {}

 

====================

所有浏览器下背景变灰（半透明）

body {filter:alpha(opacity=30);opacity:0.3;background-color:#ccc;}

====================

区别IE6与FF：

background:orange;*background:blue;

区别IE6与IE7：

background:green !important;background:blue;

区别IE7与FF：

background:orange; *background:green;

区别FF，IE7，IE6：

background:orange;*background:green !important;*background:blue;

区别FF 3

“{”前加上“, x:-moz-any-link, x:default”，只有FF 3能识别

 

注:

IE都能识别*；标准浏览器(如FF)不能识别*；

IE6能识别*，但不能识别 !important,

IE7能识别*，也能识别!important;

只有IE8能识别/0

FF不能识别*，但能识别!important;