CSS Hack實現瀏覽器樣式相容的兜底辦法

2021-10-02 07:20:27 字數 633 閱讀 3585

css hack是實現瀏覽器樣式相容的兜底辦法,能不用就盡量不要使用。但是,針對一些瀏覽器的bug,比如老版本ie的bug,有時使用css hack是不得已而為之的做法。本文將詳細介紹css hack。css hack主要分為屬性標記法和選擇器字首法兩種

屬性標記法

【ie6-】

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

_color:blue;

-color:blue;

【ie7-】

對於ie7-瀏覽器可以使用非常多的字元,包括`~!@#$%^&*()=+【ie7】

在選擇器前面新增*+html,可以識別ie7瀏覽器

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

*+html div
【ie8】

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

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

@media \0

}

【ie9+及其他非ie瀏覽器】

在選擇器前面新增:root,可以識別ie9+及其他非ie瀏覽器

:root div

各瀏覽器CSS hack

區別 ie6與 ff background orange background blue 區別 ie6與 ie7 background green important background blue 區別 ie7與 ff background orange background green 區別 f...

css hack, 瀏覽器 選擇

ie6以下 html ie 7 以下 first child html html 只對ie 7 first child html 只對ie 7 和現代瀏覽器 html body 只對現代瀏覽器 非ie 7 html body 最新的opera 9以下版本 html first child safar...

css hack, 瀏覽器 選擇

ie6以下 html ie 7 以下 first child html html 只對ie 7 first child html 只對ie 7 和現代瀏覽器 html body 只對現代瀏覽器 非ie 7 html body 最新的opera 9以下版本 html first child safar...