CSS兼容IE6、IE7、Firefox的技巧

小矮子-夏娜

身為一位優秀的網頁設計師
是不可以只設計出某瀏覽器專用的頁面
然而CSS在各瀏覽器又有所差異
應該如何處理這樣複雜的情況呢？

##ReadMore##
利用以下規則：
1.IE都能識別*
2.Firefox,Opera,Netscape不能識別*
3.IE6能識別*，但不能識別 !important，IE7能識別*，也能識別 !important
4.FF不能識別*，但能識別 !important;
5.IE7能識別! important，一但識別了就執行，忽略後面

範例：
background:red;
*background:yellow !important;
*background:green;

在FF不能識別*，所以背景呈現紅色

IE7可以識別第一句，但因為第二句也能識別
所以便覆蓋了過去
而因為!important的關係，後面語法變忽略了
所以IE7下背景是黃色

IE6可以識別第一句跟第三句
所以第三句把第一句覆蓋過去，背景成了綠色


唉，瀏覽器百家齊鳴
只好辛苦一點囉
為了偉大的客戶和訪客量