CSS Hack實現(xiàn)瀏覽器樣式兼容的兜底辦法

CSS Hack是實現(xiàn)瀏覽器樣式兼容的兜底辦法,能不用就盡量不要使用。但是,針對一些瀏覽器的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;

【IE9、IE10】

使用后綴\9\0可以識別出IE9、10瀏覽器

color:blue\9\0;
 

選擇器前綴法

【IE6-】

在選擇器前面添加* html,可以識別IE6-瀏覽器

注意:*和html之間有無空格都可以生效


*html div{color:}

【IE7】

在選擇器前面添加*+html,可以識別IE7瀏覽器

注意:*、+、html之間有無空格都可以生效

*+html div{color:}

【IE8】

在選擇器外層使用@media \0,可以識別IE8瀏覽器

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

@media \0{
    div{color:}
}

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

在選擇器前面添加:root,可以識別IE9+及其他非IE瀏覽器

:root div{color:}

一個不是計算機專業(yè)的理科生,轉(zhuǎn)行學前端

如果你也有一個編程夢,這是咱們的前端學習QQ群:784-783-012

(在線學習,8個月時間,目前就業(yè),廣州工作,月薪16k)

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容