這篇“IE6、IE7、IE8、Firefox兼容性CSS HACK問題實(shí)例分析”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“IE6、IE7、IE8、Firefox兼容性CSS HACK問題實(shí)例分析”文章吧。
成都創(chuàng)新互聯(lián)專注于同德企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計(jì),商城網(wǎng)站建設(shè)。同德網(wǎng)站建設(shè)公司,為同德等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站開發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
1.區(qū)別IE與非IE涉獵器CSS HACK代碼
| #CSS5{ bac千克round:blue; /*非IE 后臺(tái)藍(lán)色*/ bac公斤round:red \9; /*IE6、IE7、IE8后援紅色*/ } |
2.區(qū)別IE6,IE7,IE8,FF CSS HACK
【區(qū)別符號(hào)】：「\9」、「*」、「_」
【示例】：
| #CSS5{ background:blue; /*Firefox 靠山變藍(lán)色*/ background:red \9; /*IE8 后盾變紅色*/ *bac公斤round:black; /*IE7 背景變黑色*/ _bac千克round:orange; /*IE6 配景變橘色*/ } |
【說明】：因?yàn)镮E系列閱讀器可讀「\9」，而IE6和IE7可讀「*」(米字號(hào))，其余IE6可辨識(shí)「_」(底線)，因此大概遵循順序?qū)懮先?，就?huì)讓瀏覽器切確的讀取到本人看得意識(shí)CSS語法，所以就可以有用分辨IE各版本與非IE瀏覽器(像是Firefox、Opera、Google Chrome、Safari等)。
3.區(qū)別IE6、IE7、Firefox (EXP 1)
【區(qū)別符號(hào)】：「*」、「_」
【示例】：
| #CSS5{ bac公斤round:blue; /*Firefox后盾變藍(lán)色*/ *background:black; /*IE7 后臺(tái)變玄色*/ _bac千克round:orange; /*IE6 背景變橘色*/ } |
【注明】：IE7和IE6可讀「*」(米字號(hào))，IE6又可能讀「_」(底線)，但是IE7卻沒法讀取「_」，至于Firefox(非IE瀏覽器)則完全沒法辨識(shí)「*」與「_」，因而便梗概透過這樣的分歧性來判袂IE6、IE7、Firefox
4.區(qū)別IE6、IE7、Firefox (EXP 2)
【區(qū)別標(biāo)記】：「*」、「!important」
【示例】：
| #CSS5{ bac公斤round:blue; /*Firefox 布景變藍(lán)色*/ *bac千克round:green !important; /*IE7 后臺(tái)變綠色*/ *bac公斤round:orange; /*IE6 配景變橘色*/ } |
【闡明】：IE7籠統(tǒng)辨識(shí)「*」與「!important」，然而IE6只或許辨識(shí)「*」，卻無奈辨識(shí)「!important」，至于Firefox大概讀取「!important」但不克不及辨識(shí)「*」于是或是透過多么的差距來有用區(qū)隔IE6、IE7、Firefox。
5.區(qū)別IE7、Firefox
【區(qū)別標(biāo)記】：「*」、「!important」
【示例】：
| #CSS5{ bac千克round:blue; /*Firefox 布景變藍(lán)色*/ *bac公斤round:green !important; /*IE7 靠山變綠色*/ } |
【說明】：由于Firefox也許辨識(shí)「!important」但卻沒法辨識(shí)「*」，而IE7則大約同時(shí)看懂「*」、「!important」，因而或是兩個(gè)辨識(shí)標(biāo)志來區(qū)隔IE7和Firefox。
6.區(qū)別IE6、IE7 (EXP 1)
【區(qū)別標(biāo)識(shí)表記標(biāo)幟】：「*」、「_」
【示例】：
| #tip { *bac公斤round:black; /*IE7 配景變黑色*/ _bac千克round:orange; /*IE6 布景變橘色*/ } |
【闡明】：IE7與IE6均大概辨識(shí)「*」(米字號(hào))，但I(xiàn)E6概略辨識(shí)「_」(底線)，IE7卻無奈辨識(shí)，透過IE7無奈讀取「_」的特性就能輕鬆區(qū)隔IE6和IE7之間的差距。
7.區(qū)別IE6、IE7 (EXP 2)
【區(qū)別標(biāo)記】：「!important」
【示例】：
| #CSS5{ background:black !important; /*IE7 后臺(tái)變玄色*/ bac公斤round:orange; /*IE6 后臺(tái)變橘色*/ } |
【注明】：由于IE7可讀取「!important;」但I(xiàn)E6卻弗成，而CSS的讀取順序是從上到下，是以IE6讀取時(shí)因無法辨識(shí)「!important」而直接跳到下一行讀取CSS，以是配風(fēng)光會(huì)出現(xiàn)橘色。
8.區(qū)別IE6、Firefox
【區(qū)別標(biāo)志】：「_」
【示例】：
| #CSS5{ background:black; /*Firefox 后臺(tái)變玄色*/ _bac公斤round:orange; /*IE6 后援變橘色*/ } |
【說明】：因?yàn)镮E6或許辨識(shí)「_」(底線)，然則Firefox卻不成，于是或是透過這樣的差距來區(qū)隔Firefox和IE6，無效殺青CSS hack。
以上就是關(guān)于“IE6、IE7、IE8、Firefox兼容性CSS HACK問題實(shí)例分析”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
重慶分公司
重慶分公司
