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

2024-07-11 09:06:07

字體：大中小

供稿：網(wǎng)友

FF和IE對(duì)一些符號(hào)識(shí)別上有些差異，可以利用這個(gè)差異單獨(dú)對(duì)FF以及IE定義樣式，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最后面

根據(jù)FF和IE對(duì)一些符號(hào)識(shí)別的差異,我們可以單獨(dú)對(duì)FF以及IE定義樣式,例子:

區(qū)別IE6與FF：
background:orange;*background:blue;
區(qū)別IE6與IE7：
background:green !important;background:blue;
區(qū)別IE7與FF：
background:orange; *background:green;
區(qū)別FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;

注：IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*；

IE6能識(shí)別*，但不能識(shí)別 !important,
IE7能識(shí)別*，也能識(shí)別!important;
FF不能識(shí)別*，但能識(shí)別!important;
所以標(biāo)準(zhǔn)的寫法FF，IE7，IE6：
color:#fff; *color:#000 !important; *color:#ff6600;
firefox:白色，IE7：黑色，IE6：橙色

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

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

上一篇：權(quán)重和層疊規(guī)則決定了CSS樣式優(yōu)先級(jí)

下一篇：css中position:fixed實(shí)現(xiàn)div在窗口上下左右居中