這篇“IE6、IE7、IE8、Firefox兼容性CSS HACK問題實例分析”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“IE6、IE7、IE8、Firefox兼容性CSS HACK問題實例分析”文章吧。
1.區別IE與非IE涉獵器CSS HACK代碼
|
#CSS5{ bac千克round:blue; /*非IE 后臺藍色*/ bac公斤round:red \9; /*IE6、IE7、IE8后援紅色*/ } |
2.區別IE6,IE7,IE8,FF CSS HACK
【區別符號】：「\9」、「*」、「_」
【示例】：
|
#CSS5{ background:blue; /*Firefox 靠山變藍色*/ background:red \9; /*IE8 后盾變紅色*/ *bac公斤round:black; /*IE7 背景變黑色*/ _bac千克round:orange; /*IE6 配景變橘色*/ } |
【說明】：因為IE系列閱讀器可讀「\9」，而IE6和IE7可讀「*」(米字號)，其余IE6可辨識「_」(底線)，因此大概遵循順序寫上去，就會讓瀏覽器切確的讀取到本人看得意識CSS語法，所以就可以有用分辨IE各版本與非IE瀏覽器(像是Firefox、Opera、Google Chrome、Safari等)。
3.區別IE6、IE7、Firefox (EXP 1)
【區別符號】：「*」、「_」
【示例】：
|
#CSS5{ bac公斤round:blue; /*Firefox后盾變藍色*/ *background:black; /*IE7 后臺變玄色*/ _bac千克round:orange; /*IE6 背景變橘色*/ } |
【注明】：IE7和IE6可讀「*」(米字號)，IE6又可能讀「_」(底線)，但是IE7卻沒法讀取「_」，至于Firefox(非IE瀏覽器)則完全沒法辨識「*」與「_」，因而便梗概透過這樣的分歧性來判袂IE6、IE7、Firefox
4.區別IE6、IE7、Firefox (EXP 2)
【區別標記】：「*」、「!important」
【示例】：
|
#CSS5{ bac公斤round:blue; /*Firefox 布景變藍色*/ *bac千克round:green !important; /*IE7 后臺變綠色*/ *bac公斤round:orange; /*IE6 配景變橘色*/ } |
【闡明】：IE7籠統辨識「*」與「!important」，然而IE6只或許辨識「*」，卻無奈辨識「!important」，至于Firefox大概讀取「!important」但不克不及辨識「*」于是或是透過多么的差距來有用區隔IE6、IE7、Firefox。
5.區別IE7、Firefox
【區別標記】：「*」、「!important」
【示例】：
|
#CSS5{ bac千克round:blue; /*Firefox 布景變藍色*/ *bac公斤round:green !important; /*IE7 靠山變綠色*/ } |
【說明】：由于Firefox也許辨識「!important」但卻沒法辨識「*」，而IE7則大約同時看懂「*」、「!important」，因而或是兩個辨識標志來區隔IE7和Firefox。
6.區別IE6、IE7 (EXP 1)
【區別標識表記標幟】：「*」、「_」
【示例】：
|
#tip { *bac公斤round:black; /*IE7 配景變黑色*/ _bac千克round:orange; /*IE6 布景變橘色*/ } |
【闡明】：IE7與IE6均大概辨識「*」(米字號)，但IE6概略辨識「_」(底線)，IE7卻無奈辨識，透過IE7無奈讀取「_」的特性就能輕鬆區隔IE6和IE7之間的差距。
7.區別IE6、IE7 (EXP 2)
【區別標記】：「!important」
【示例】：
|
#CSS5{ background:black !important; /*IE7 后臺變玄色*/ bac公斤round:orange; /*IE6 后臺變橘色*/ } |
【注明】：由于IE7可讀取「!important;」但IE6卻弗成，而CSS的讀取順序是從上到下，是以IE6讀取時因無法辨識「!important」而直接跳到下一行讀取CSS，以是配風光會出現橘色。
8.區別IE6、Firefox
【區別標志】：「_」
【示例】：
|
#CSS5{ background:black; /*Firefox 后臺變玄色*/ _bac公斤round:orange; /*IE6 后援變橘色*/ } |
【說明】：因為IE6或許辨識「_」(底線)，然則Firefox卻不成，于是或是透過這樣的差距來區隔Firefox和IE6，無效殺青CSS hack。
以上就是關于“IE6、IE7、IE8、Firefox兼容性CSS HACK問題實例分析”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
