DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> Css樣式兼容IE6,IE7,FIREFOX的浏覽器的寫法示例介紹
Css樣式兼容IE6,IE7,FIREFOX的浏覽器的寫法示例介紹
編輯:CSS詳解     
FF和IE對一些符號識別上有些差異,可以利用這個差異單獨對FF以及IE定義樣式,書寫的順序都是Firefox的寫在前面,IE7的寫在中間,IE6的寫在最後面   根據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的寫在最後面。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved