IE9的css hack


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了.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM