溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹兼容性CSS HACK代碼的示例分析，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
1.區別IE與非IE涉獵器CSS HACK代碼
|
#CSS5{ background:blue; /*非IE 背景藍色*/ background:red \9; /*IE6、IE7、IE8靠山紅色*/ } |
2.區別IE6,IE7,IE8,FF CSS HACK
【區別標志】：「\9」、「*」、「_」
【示例】：
|
#CSS5{ background:blue; /*Firefox 布景變藍色*/ background:red \9; /*IE8 后援變赤色*/ *background:black; /*IE7 布景變彩色*/ _background:orange; /*IE6 配景變橘色*/ } |
【闡明】：由于IE系列閱讀器可讀「\9」，而IE6與IE7可讀「*」(米字號)，另外IE6可辨識「_」(底線)，因而也許遵循順序寫下來，就會讓閱讀器正確的讀取到本身看得體會CSS語法，所以便籠統有效鑒別IE各版本和非IE閱讀器(像是Firefox、Opera、Google Chrome、Safari等)。
3.區別IE6、IE7、Firefox (EXP 1)
【區別標記】：「*」、「_」
【示例】：
|
#CSS5{ background:blue; /*Firefox靠山變藍色*/ *background:black; /*IE7 后援變玄色*/ _background:orange; /*IE6 后盾變橘色*/ } |
【注明】：IE7和IE6可讀「*」(米字號)，IE6又梗概讀「_」(底線)，可是IE7卻沒法讀取「_」，至于Firefox(非IE涉獵器)則純粹無奈辨識「*」和「_」，是以就能夠透過何等的一致性來分辨IE6、IE7、Firefox
4.區別IE6、IE7、Firefox (EXP 2)
【區別符號】：「*」、「!important」
【示例】：
|
#CSS5{ background:blue; /*Firefox 背景變藍色*/ *background:green !important; /*IE7 背景變綠色*/ *background:orange; /*IE6 背景變橘色*/ } |
【說明】：IE7梗概辨識「*」與「!important」，然而IE6只或許辨識「*」，卻無奈辨識「!important」，至于Firefox或許讀取「!important」但不能辨識「*」因而可能透過如許的差別來有用區隔IE6、IE7、Firefox。
5.區別IE7、Firefox
【區別標識表記標幟】：「*」、「!important」
【示例】：
|
#CSS5{ background:blue; /*Firefox 后臺變藍色*/ *background:green !important; /*IE7 后臺變綠色*/ } |
【注明】：因為Firefox梗概辨識「!important」但卻無法辨識「*」，而IE7則也許同時看懂「*」、「!important」，因而梗概兩個辨識標識表記標幟來區隔IE7和Firefox。
6.區別IE6、IE7 (EXP 1)
【區別標識表記標幟】：「*」、「_」
【示例】：
|
#tip { *background:black; /*IE7 布景變黑色*/ _background:orange; /*IE6 靠山變橘色*/ } |
【注明】：IE7與IE6都或許辨識「*」(米字號)，但IE6或者辨識「_」(底線)，IE7卻沒法辨識，透過IE7沒法讀取「_」的賦性就能輕鬆區隔IE6和IE7之間的差異。
7.區別IE6、IE7 (EXP 2)
【區別符號】：「!important」
【示例】：
|
#CSS5{ background:black !important; /*IE7 配景變玄色*/ background:orange; /*IE6 配景變橘色*/ } |
【說明】：因為IE7可讀取「!important;」但IE6卻不行，而CSS的讀取法度模范是從上到下，是以IE6讀取時因沒法辨識「!important」而直接跳到下一行讀取CSS，以是布風物會涌現橘色。
8.區別IE6、Firefox
【區別符號】：「_」
【示例】：
|
#CSS5{ background:black; /*Firefox 布景變黑色*/ _background:orange; /*IE6 布景變橘色*/ } |
【闡明】：因為IE6大概辨識「_」(底線)，但是Firefox卻不成，是以或是透過何等的不合來區隔Firefox和IE6，有效達成CSS hack。
以上是“兼容性CSS HACK代碼的示例分析”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
