IE6、IE7、IE8、Firefox兼容性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 布景变蓝色*/
bac千克round: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布景变蓝色*/
*bac公斤round: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 布景变蓝色*/
*background:green !important; /*IE7 背景变绿色*/
*background: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{
bac千克round: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\IE8\IE7\火狐阅读器兼容标题问题及设计方法。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-texiao/texiao52152.shtml