兼容性CSS HACK代碼+示例

1、兼容性css hack代碼+示例1.區(qū)分ie與非ie涉獵器css hack代碼 css5 bac千克round:blue; /*非ie 背景藍(lán)色*/bac千克round:red 9; /*ie6、ie7、ie8靠山紅色*/ 2.區(qū)分ie6,ie7,ie8,ff css hack【區(qū)分標(biāo)記】：9、*、_【示例】： css5 bac千克round:blue; /*firefox 布景變藍(lán)色*/background:red 9; /*ie8 后援變赤色*/*bac公斤round:black; /*ie7 布景變彩色*/_bac公斤round:orange; /*ie6 配景變橘色*/ 【闡明】：因?yàn)?/p>

2、ie系列閱讀器可讀9，而ie6與ie7可讀*(米字號(hào))，另外ie6可辨識(shí)_(底線)，因而大概遵循挨次寫(xiě)下來(lái)，就會(huì)讓閱讀器正確的讀取到本身看得體味css語(yǔ)法，所以便籠統(tǒng)有效鑒別ie各版本和非ie閱讀器(像是firefox、opera、google chrome、safari等)。 3.區(qū)分ie6、ie7、firefox (exp 1)【區(qū)分標(biāo)志】：*、_【示例】： css5 bac公斤round:blue; /*firefox靠山變藍(lán)色*/*background:black; /*ie7 后援變玄色*/_bac公斤round:orange; /*ie6 后盾變橘色*/【注明】：ie7和ie6可讀

3、*(米字號(hào))，ie6又梗概讀_(底線)，可是ie7卻沒(méi)法讀取_，至于firefox(非ie涉獵器)則純粹無(wú)奈辨識(shí)*和_，是以就能夠透過(guò)何等的全都性來(lái)辨別ie6、ie7、firefox 4.區(qū)分ie6、ie7、firefox (exp 2)【區(qū)分符號(hào)】：*、!important【示例】： css5 background:blue; /*firefox 背景變藍(lán)色*/*background:green !important; /*ie7 背景變綠色*/*background:orange; /*ie6 背景變橘色*/【解釋】：ie7梗概辨識(shí)*與!important，然而ie6只或許辨識(shí)*，卻無(wú)奈辨

4、識(shí)!important，至于firefox或許讀取!important但不能辨識(shí)*因而可能透過(guò)如許的差別來(lái)實(shí)用區(qū)隔ie6、ie7、firefox。 5.區(qū)分ie7、firefox【區(qū)分標(biāo)識(shí)表記標(biāo)幟】：*、!important【示例】： css5 bac千克round:blue; /*firefox 后臺(tái)變藍(lán)色*/*background:green !important; /*ie7 后臺(tái)變綠色*/【注明】：由于firefox梗概辨識(shí)!important但卻無(wú)法辨識(shí)*，而ie7則大概同時(shí)看懂*、!important，因而梗概兩個(gè)辨識(shí)標(biāo)識(shí)表記標(biāo)幟來(lái)區(qū)隔ie7和firefox。 6.區(qū)分ie6、ie

5、7 (exp 1)【區(qū)分標(biāo)識(shí)表記標(biāo)幟】：*、_【示例】： tip *bac千克round:black; /*ie7 布景變黑色*/_bac千克round:orange; /*ie6 靠山變橘色*/【注明】：ie7與ie6都或許辨識(shí)*(米字號(hào))，但ie6或者辨識(shí)_(底線)，ie7卻沒(méi)法辨識(shí)，透過(guò)ie7沒(méi)法讀取_的賦性就能輕鬆區(qū)隔ie6和ie7之間的差異。 7.區(qū)分ie6、ie7 (exp 2)【區(qū)分符號(hào)】：!important【示例】： css5 background:black !important; /*ie7 配景變玄色*/bac千克round:orange; /*ie6 配景變橘色*/【解釋】：由于ie7可讀取!important;但ie6卻不可，而css的讀取法度模范是從上到下，是以ie6讀取時(shí)因沒(méi)法辨識(shí)!important而挺直跳到下一行讀取css，以是布風(fēng)物會(huì)涌現(xiàn)橘色。 8.區(qū)分ie6、firefox【區(qū)分符號(hào)】：_【示例】： css5 bac千克round:black; /*firefox 布景變黑色*/_bac公斤round:orange; /*ie6 布景變橘色*/【闡明】：由于ie6也許辨識(shí)_(底線)，但是fire