做網(wǎng)站時(shí)經(jīng)常會(huì)用到,衡量一個(gè)DIV+CSS架構(gòu)師的水平時(shí)买雾,這個(gè)也很重要冕茅。
區(qū)別不同瀏覽器的CSS hack寫法:
區(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;
IE6 IE7 FF
* √ √ ×
!important × √ √
------------------------------------------------------
另外再補(bǔ)充一個(gè),下劃線"_",
IE6支持下劃線肠套,IE7和firefox均不支持下劃線舰涌。
IE6 IE7 FF
* √ √ ×
!important × √ √
_ √ × ×
于是大家還可以這樣來(lái)區(qū)分IE6,IE7你稚,firefox
: background:orange;*background:green;_background:blue;
注:不管是什么方法舵稠,書寫的順序都是firefox的寫在前面,IE7的寫在中間入宦,IE6的寫在最后面哺徊。
CSS HACK
以下兩種方法幾乎能解決現(xiàn)今所有HACK.
1, !important
隨著IE7對(duì)!important的支持, !important 方法現(xiàn)在只針對(duì)IE6的HACK.(注意寫法.記得該聲明位置需要提前.)
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
2, IE6/IE77對(duì)FireFox
*+html 與 *html 是IE特有的標(biāo)簽, firefox 暫不支持.而*+html 又為 IE7特有標(biāo)簽.
#wrapper
{
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意順序 */
}