hack一览表:
标记 | IE6 | IE7 | IE8 | FF | Opera | Sarari |
---|---|---|---|---|---|---|
[*+><] | √ | √ | X | X | X | X |
_ | √ | X | X | X | X | X |
\9 | √ | √ | √ | X | X | X |
\0 | X | X | √ | X | √ | X |
@media screen and (-webkit-min-device-pixel-ratio:0){.bb {}} | X | X | X | X | X | √ |
.bb , x:-moz-any-link, x:default | X | √ | X | √(ff3.5及以下) | X | X |
@-moz-document url-prefix(){.bb{}} | X | X | X | √ | X | X |
@media all and (min- 0px){.bb {}} | X | X | X | √ | √ | √ |
* +html .bb {} | X | √ | X | X | X | X |
游览器内核 | Trident | Trident | Trident | Gecko | Presto | WebKit |
一些hack补充:
——IE6—— IE7————IE8——FF2————FF3——— Opera9.5
>property—— Y———— Y———— Y———— N———— N———— N
.property —— Y———— Y———— Y———— N———— N———— N
*property—— Y———— Y———— Y———— N———— N———— N
_property—— Y———— N———— N———— N———— N———— N
- color:brown !important; /*用于Opera、Firefox2、Firefox3等现代浏览器*/
- >color:green !important; /*IE7、IE8可以识别该规则,因此它覆盖掉了上一条规则*/
- color:red; /*所有浏览器都可以识别,但是以上两条规则有!important,所以这条规则被忽视;只有IE6认识并覆盖掉上两条规则*/
区别 IE6与 FF: 1 background:orange;*background:blue; 区别 IE6与 IE7: 1 background:green !important;background:blue; 区别 IE7与 FF: 1 background:orange; *background:green; 区别 FF, IE7, IE6: 1 background:orange;*background:green !important;*background:blue;
浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6