css hack（CSS多瀏覽器安全色）

int i=0;int j=1;

在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;