各大浏览器hack

 

IE6  : " *"_“下划线格 ：myclass  {_background:red;}

"*"星号:格式：.myclass{*background:red;}

 

IE7 : " * “星号格式：.myclass{*background:red;}

           *+html  格式： *+html .myclass{background:red;}

             + 格式： .myclass{+background: red;}

           !important  格式： .myclass{background:red !important;}

 

IE8 : \0 格式：.myclass{background:red\0;}/*是留给ie8的，最新版opera也认识，后面自有hack写了给opera认的，所以，\0我们就认为是给ie8留的；*/

 

IE9 :  \9\0 è格式：.myclass{background:red\9\0;}

            :root加\9 è格式：:root .myclass{background:red\9;}

 

IE10 :  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

   /* IE10-specific styles go here */ }

 

 

Firefox : @-moz-document url-prefix() { .font1 {color:red} } /*针对Firefox浏览器的写法*/

 

Opera :@media all and (min-width:0px){ #test {background-color:black\0;} } 这个是老是跟ie抢着认\0的神奇的opera，必须加个\0,不然firefox，chrome，safari也都认识。。。

 

chrome/Safari : @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }最后这个是浏览器新贵chrome和safari的。

 

总结：         1、IE6、IE7都支持 *，但IE8终于回归正统，放弃了对*的支持

                  2、IE7、IE8、Firefox、Opera、Safari都支持!important

                  3、浏览器优先级别:FF<IE7<IE6,CSS hack，遵循书写顺序一般为FF IE7 IE6

                  4、 ie9的hack目前ie10也适合

转载于:https://www.cnblogs.com/hushufang/p/3532062.html