Css樣式兼容IE6,IE7,FIREFOX的瀏覽器的寫法示例介紹

根據FF和IE對一些符號識別的差異,我們可以單獨對FF以及IE定義樣式,例子:

區別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;

注:IE都能識別*;標準瀏覽器(如FF)不能識別*;

IE6能識別*,但不能識別 !important,
IE7能識別*,也能識別!important;
FF不能識別*,但能識別!important;
所以標準的寫法FF,IE7,IE6:
color:#fff; *color:#000 !important; *color:#ff6600;
firefox:白色,IE7:黑色 , IE6:橙色

另外再補充一個,下劃線_,
IE6支持下劃線,IE7和firefox均不支持下劃線 。
于是大家還可以這樣來區分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;

注:不管是什么方法,書寫的順序都是firefox的寫在前面,IE7的寫在中間 , IE6的寫在最后面 。

相關經驗推薦