本篇文章很短,但內容很實用,將會最簡便的方法幫你搞定IE6、IE7和FF火狐之間的hack兼容性問題,以往的方法固然也有效,但是感覺需要記的符號太多,索引發現本方法即簡單又好記,而且區分的效果明顯,很好的解決了各浏覽器間的兼容問題。先看例子:
01
/*FF火狐*/
02
.test{
03
height
:
20px
;
04
background-color
:orange;
05
}
06
/*IE6*/
07
*Html .test{
/*IE6*/
08
height
:
20px
;
09
background-color
:
black
;
10
}
11
/*IE7*/
12
* Html .test{
/*IE7*/
13
height
:
20px
;
14
background-color
:
blue
;
15
}
你會發現,這裡主要是使用了*html的標記,在IE6和IE7如果要使用HACK必須要在前面加上父級標簽html。也就是如果要照顧IE6的兼容,可以在針對IE6的CSS前面加上*html,而IE7加* Html,通過對class、id所做的CSS HACK好處在於不用顧及前後順序,便於代碼維護。以上代碼運行結果:橙色代表FF,藍色代表IE7,黑色代表IE6。