欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

各大浏览器hack_html/css_WEB-ITnose

程序员文章站 2022-05-12 21:43:05
...
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

4、 ie9的hack目前ie10也适合

相关标签: 各大浏览器hack