瀏覽器CSS兼容

div {

background-color:red\0;  /* ie 8/9*/

background-color:blue\9\0; /* ie 9*/

*background-color:green;  /* ie 7*/

_background-color:gray;  /* ie 6*/

}

注意寫csshack的順序,其中:

1.background-color:red\0;IE8和IE9都支持;
2.background-color:blue\9\0; 僅IE9支持;

(1)區別FF(IE8)與IE6 IE7

backgorund:orange; FF和IE8背景色將爲橘黃色

*backgorund:red;   IE6和IE7背景色將爲紅色

(2)區別FF(IE8)與IE6與IE7

background:orange;   FF和IE8背景色將爲橘黃色

*background:red !important;  IE7背景色將爲紅色

*background:blue;     IE6背景色將爲藍色

(3)區別FF(IE8)與IE6與IE7

background:orange; FF和IE8背景色將爲橘黃色

*background:red;          IE7背景色將爲紅色

_background:blue;         IE6背景色將爲藍色

(4)區別FF與IE6 IE7 IE8 IE9

color:gray;       FF等非IE瀏覽器字體色將爲灰色

color:red\9;     IE8 IE9字體色將爲紅色

*color:green;     IE7字體色將爲綠色

_color:blue;     IE6字體色將爲藍色

提示:CSS HACK書寫順序:先寫FF等非IE瀏覽器所需樣式,其次寫IE8/9所需樣式,接着是IE7的,再接着纔是IE6的!

總結:實際運用中我感覺比較少用到!important ,只要你記住”*”和”_”我想就足夠區別於FF(IE8)與IE6與IE7了.

發佈了29 篇原創文章 · 獲贊 43 · 訪問量 31萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章