2010-01-21

[CSS Hack]解決IE6、IE7、IE8、Firefox的瀏覽器相容性問題! | 香腸炒魷魚

區別IE6、IE7、IE8、Firefox
【辨識符號】:「\9」、「*」、「_」

【範例練習】:

#tip {

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等)。


參考:[CSS Hack]解決IE6、IE7、IE8、Firefox的瀏覽器相容性問題! | 香腸炒魷魚

沒有留言: