CSS Hack

前面的話

　　CSS Hack是實現瀏覽器樣式兼容的兜底辦法，能不用就儘可能不要使用。可是，針對一些瀏覽器的bug，好比老版本IE的bug，有時使用CSS Hack是不得已而爲之的作法。本文將詳細介紹CSS Hack。CSS Hack主要分爲屬性標記法和選擇器前綴法兩種

 

屬性標記法

【IE6-】

　　對於IE6-瀏覽器主要使用下劃線_和中劃線-這兩種字符

_color:blue;
-color:blue;

【IE7-】

　　對於IE7-瀏覽器能夠使用很是多的字符，包括`~!@#$%^&*()=+{[]:<>,.?/

　　可是，比較經常使用的是加號+和星號*

+color:blue;
*color:blue;

【IE10-】

　　使用後綴\9能夠識別出IE10-瀏覽器

color:blue\9;

【IE8+】

　　使用後綴\0能夠識別出IE8+瀏覽器　

color:blue\0;

【IE九、IE10】

　　使用後綴\9\0能夠識別出IE九、10瀏覽器

color:blue\9\0;

 

選擇器前綴法

【IE6-】

　　在選擇器前面添加* html，能夠識別IE6-瀏覽器

　　[注意]*和html之間有無空格均可以生效

*html div{color:red}

【IE7】

　　在選擇器前面添加*+html，能夠識別IE7瀏覽器

　　[注意]*、+、html之間有無空格均可以生效

*+html div{color:red}

【IE8】

　　在選擇器外層使用@media \0，能夠識別IE8瀏覽器

　　[注意]@media和\0之間必須有空格

@media \0{
    div{color:red}
}

【IE9+及其餘非IE瀏覽器】

　　在選擇器前面添加:root，能夠識別IE9+及其餘非IE瀏覽器

:root div{color:red}