溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

兼容性CSS HACK代碼的示例分析

發(fā)布時間：2022-03-08 10:00:29 來源：億速云 閱讀：119 作者：小新 欄目：web開發(fā)

這篇文章主要介紹兼容性CSS HACK代碼的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

1.區(qū)別IE與非IE涉獵器CSS HACK代碼

 #CSS5{
background:blue; /*非IE 背景藍(lán)色*/
background:red \9; /*IE6、IE7、IE8靠山紅色*/
}

2.區(qū)別IE6,IE7,IE8,FF CSS HACK 
【區(qū)別標(biāo)志】：「\9」、「*」、「_」
【示例】：

 #CSS5{
background:blue; /*Firefox 布景變藍(lán)色*/
background:red \9; /*IE8 后援變赤色*/
*background:black; /*IE7 布景變彩色*/
_background:orange; /*IE6 配景變橘色*/
}


 【闡明】：由于IE系列閱讀器可讀「\9」，而IE6與IE7可讀「*」(米字號)，另外IE6可辨識「_」(底線)，因而也許遵循順序?qū)懴聛?，就會讓閱讀器正確的讀取到本身看得體會CSS語法，所以便籠統(tǒng)有效鑒別IE各版本和非IE閱讀器(像是Firefox、Opera、Google Chrome、Safari等)。

3.區(qū)別IE6、IE7、Firefox (EXP 1) 
【區(qū)別標(biāo)記】：「*」、「_」
【示例】：

 #CSS5{
background:blue; /*Firefox靠山變藍(lán)色*/
*background:black; /*IE7 后援變玄色*/
_background:orange; /*IE6 后盾變橘色*/
}


【注明】：IE7和IE6可讀「*」(米字號)，IE6又梗概讀「_」(底線)，可是IE7卻沒法讀取「_」，至于Firefox(非IE涉獵器)則純粹無奈辨識「*」和「_」，是以就能夠透過何等的一致性來分辨IE6、IE7、Firefox

4.區(qū)別IE6、IE7、Firefox (EXP 2) 
【區(qū)別符號】：「*」、「!important」
【示例】：

 #CSS5{
background:blue; /*Firefox 背景變藍(lán)色*/
*background:green !important; /*IE7 背景變綠色*/
*background:orange; /*IE6 背景變橘色*/
}


【說明】：IE7梗概辨識「*」與「!important」，然而IE6只或許辨識「*」，卻無奈辨識「!important」，至于Firefox或許讀取「!important」但不能辨識「*」因而可能透過如許的差別來有用區(qū)隔IE6、IE7、Firefox。

5.區(qū)別IE7、Firefox 
【區(qū)別標(biāo)識表記標(biāo)幟】：「*」、「!important」
【示例】：

 #CSS5{
background:blue; /*Firefox 后臺變藍(lán)色*/
*background:green !important; /*IE7 后臺變綠色*/
}


【注明】：因?yàn)镕irefox梗概辨識「!important」但卻無法辨識「*」，而IE7則也許同時看懂「*」、「!important」，因而梗概兩個辨識標(biāo)識表記標(biāo)幟來區(qū)隔IE7和Firefox。

6.區(qū)別IE6、IE7 (EXP 1) 
【區(qū)別標(biāo)識表記標(biāo)幟】：「*」、「_」
【示例】：

 #tip {
*background:black; /*IE7 布景變黑色*/
_background:orange; /*IE6 靠山變橘色*/
}


【注明】：IE7與IE6都或許辨識「*」(米字號)，但I(xiàn)E6或者辨識「_」(底線)，IE7卻沒法辨識，透過IE7沒法讀取「_」的賦性就能輕鬆區(qū)隔IE6和IE7之間的差異。

7.區(qū)別IE6、IE7 (EXP 2) 
【區(qū)別符號】：「!important」
【示例】：

 #CSS5{
background:black !important; /*IE7 配景變玄色*/
background:orange; /*IE6 配景變橘色*/
}

【說明】：因?yàn)镮E7可讀取「!important;」但I(xiàn)E6卻不行，而CSS的讀取法度模范是從上到下，是以IE6讀取時因沒法辨識「!important」而直接跳到下一行讀取CSS，以是布風(fēng)物會涌現(xiàn)橘色。

8.區(qū)別IE6、Firefox 
【區(qū)別符號】：「_」
【示例】：

 #CSS5{
background:black; /*Firefox 布景變黑色*/
_background:orange; /*IE6 布景變橘色*/
}

【闡明】：因?yàn)镮E6大概辨識「_」(底線)，但是Firefox卻不成，是以或是透過何等的不合來區(qū)隔Firefox和IE6，有效達(dá)成CSS hack。

以上是“兼容性CSS HACK代碼的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手