ie6、ie7、ie8、firefox兼容性問(wèn)題[css hack]

《ie6、ie7、ie8、firefox兼容性問(wèn)題[css hack]》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、1.區(qū)別IE和非IE瀏覽器#tip?{background:blue;?/*非IE?背景藍(lán)色*/background:red?9;?/*IE6、IE7、IE8背景紅色*/}2.區(qū)別IE6,IE7,IE8,FF【區(qū)別符號(hào)】：「9」、「*」、「_」【示例】：#tip?{background:blue;?/*Firefox?背景變藍(lán)色*/background:red?9;?/*IE8?背景變紅色*/*background:black;?/*IE7?背景變黑色*/_background:orange;?/*IE6?背景變橘色*/}【說(shuō)明】：因?yàn)镮E系列瀏覽器可讀「9」，而IE6和IE

2、7可讀「*」(米字號(hào))，另外IE6可辨識(shí)「_」(底線(xiàn))，因此可以依照順序?qū)懴聛?lái)，就會(huì)讓瀏覽器正確的讀取到自己看得懂得CSS語(yǔ)法，所以就可以有效區(qū)分IE各版本和非IE瀏覽器(像是Firefox、Opera、GoogleChrome、Safari等)。3.區(qū)別IE6、IE7、Firefox(方法1)【區(qū)別符號(hào)】：「*」、「_」【示例】：#tip?{background:blue;?/*Firefox背景變藍(lán)色*/*background:black;?/*IE7?背景變黑色*/_background:orange;?/*IE6?背景變橘色*/}【說(shuō)明】：IE7和IE6可讀「*」(米字號(hào))，

3、IE6又可以讀「_」(底線(xiàn))，但是IE7卻無(wú)法讀取「_」，至于Firefox(非IE瀏覽器)則完全無(wú)法辨識(shí)「*」和「_」，因此就可以透過(guò)這樣的差異性來(lái)區(qū)分IE6、IE7、Firefox4.區(qū)別IE6、IE7、Firefox(方法2)【區(qū)別符號(hào)】：「*」、「!important」【示例】：#tip?{background:blue;?/*Firefox?背景變藍(lán)色*/*background:green?!important;?/*IE7?背景變綠色*/*background:orange;?/*IE6?背景變橘色*/}【說(shuō)明】：IE7可以辨識(shí)「*」和「!important」，但是IE6

4、只可以辨識(shí)「*」，卻無(wú)法辨識(shí)「!important」，至于Firefox可以讀取「!important」但不能辨識(shí)「*」因此可以透過(guò)這樣的差異來(lái)有效區(qū)隔IE6、IE7、Firefox。5.區(qū)別IE7、Firefox【區(qū)別符號(hào)】：「*」、「!important」【示例】：#tip?{background:blue;?/*Firefox?背景變藍(lán)色*/*background:green?!important;?/*IE7?背景變綠色*/}【說(shuō)明】：因?yàn)镕irefox可以辨識(shí)「!important」但卻無(wú)法辨識(shí)「*」，而IE7則可以同時(shí)看懂「*」、「!important」，因此可以?xún)蓚€(gè)辨識(shí)

5、符號(hào)來(lái)區(qū)隔IE7和Firefox。6.區(qū)別IE6、IE7(方法1)【區(qū)別符號(hào)】：「*」、「_」【示例】：#tip?{*background:black;?/*IE7?背景變黑色*/_background:orange;?/*IE6?背景變橘色*/}【說(shuō)明】：IE7和IE6都可以辨識(shí)「*」(米字號(hào))，但I(xiàn)E6可以辨識(shí)「_」(底線(xiàn))，IE7卻無(wú)法辨識(shí)，透過(guò)IE7無(wú)法讀取「_」的特性就能輕鬆區(qū)隔IE6和IE7之間的差異。7.區(qū)別IE6、IE7(方法2)【區(qū)別符號(hào)】：「!important」【示例】：#tip?{background:black?!important;?/*IE7?背景變黑色

6、*/background:orange;?/*IE6?背景變橘色*/}【說(shuō)明】：因?yàn)镮E7可讀取「!important;」但I(xiàn)E6卻不行，而CSS的讀取步驟是從上到下，因此IE6讀取時(shí)因無(wú)法辨識(shí)「!important」而直接跳到下一行讀取CSS，所以背景色會(huì)呈現(xiàn)橘色。8.區(qū)別IE6、Firefox【區(qū)別符號(hào)】：「_」【示例】：#tip?{background:black;?/*Firefox?背景變黑色*/_background:orange;?/*IE6?背景變橘色*/}【說(shuō)明】：因?yàn)镮E6可以辨識(shí)「_」(底線(xiàn))，但是Firefox卻不行，因此可以透過(guò)這樣的差異來(lái)區(qū)隔Firefox

7、和IE6，有效達(dá)成CSShack。