文章出處
文章列表
前面的話
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;
【IE9、IE10】
使用后綴\9\0可以識別出IE9、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}
文章列表
全站熱搜
留言列表
