不同瀏覽器的CSS Hack寫法小結(jié)
發(fā)布時(shí)間：2008-12-05 00:27:34 作者：佚名 
我要評(píng)論
我要評(píng)論區(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;
區(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均不支持下劃線。
于是大家還可以這樣來(lái)區(qū)分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;
注：不管是什么方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最后面。
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均不支持下劃線。
于是大家還可以這樣來(lái)區(qū)分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;
注：不管是什么方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最后面。
相關(guān)文章
CSS hack 針對(duì)IE6，IE7，firefox顯示不同效果
CSS hack：針對(duì)IE6，IE7，firefox顯示不同效果 做網(wǎng)站時(shí)經(jīng)常會(huì)用到，衡量一個(gè)DIV+CSS架構(gòu)師的水平時(shí)，這個(gè)也很重要。2010-04-01IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一覽表
知道CSS的朋友一定聽說(shuō)過(guò)CSS hack，現(xiàn)在的瀏覽器IE、Firefox、Chrome、Opera、Safari。。。百家爭(zhēng)鳴，可苦了Web前端開發(fā)人員了。2010-03-06純CSS無(wú)hacks的跨游覽器自適應(yīng)高度多列布局 推薦
翻譯自Matthew James Taylor的Equal Height Columns with Cross-Browser CSS and No Hacks，有些部分根據(jù)我的理解改了，讓一些初心者更好理解。2009-11-12
純CSS下拉菜單(無(wú)js,無(wú)hacks,支持IE6)
為大家?guī)?lái)一個(gè)無(wú)js，無(wú)hacks的CSS下拉菜單。且支持IE6. IE6+, FF2+, Opera 9+, Flock2+, Chrom2+ 測(cè)試通過(guò) 缺點(diǎn)：下拉菜單只有一級(jí)。2009-11-11- 平常做東西，經(jīng)常要碰到清除浮動(dòng)（對(duì)于一些浮動(dòng)元素） 一般最簡(jiǎn)單的方式是在要清除浮動(dòng)的元素后直接加一div2010-10-28
- 一、CSS HACK 以下兩種方法幾乎能解決現(xiàn)今所有HACK. 1, !important 隨著IE7對(duì)!important的支持, !important 方法現(xiàn)在只針對(duì)IE6的HACK.(注意寫法.記得該聲明位置需要提前2009-03-20
- 大家在使用的過(guò)程中，需要注意書寫順序2012-11-10
- CSS hack由于不同的瀏覽器，對(duì)CSS的解析認(rèn)識(shí)不一樣，因此會(huì)導(dǎo)致生成的頁(yè)面效果不一樣，得不到我們所需要的頁(yè)面效果。 這個(gè)時(shí)候我們就需要針對(duì)不同的瀏覽器去寫不同的CSS，2014-12-31
