CSS hack是指咱們爲了兼容各瀏覽器,而使用的特別的css定義技巧。這是國外摘來的一張CSS hack列表,顯示了各瀏覽器對css hack的支持程度,對咱們製做兼容網頁很是有幫助。css
Windows | Mac OS X | Macintosh | Other | ||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
IE | Mz | Ns | Op | iC | IE | Mz | Ns | Om | Op | Sf | IE | Mz | Ns | Op | Ko | ||||||||||||||||||
7 | 6 | 5.5 | 5 | 4 | 1 | 7 | 6 | 4 | 8 | 7 | 6 | 5 | 2 | 5 | 1 | 7 | 6 | 4 | 8 | 7 | 6 | 5 | 2 | 5 | 4 | 1 | 7 | 6 | 4 | 6 | 5 | 3 | |
7 | 6 | 5.5 | 5 | 4 | 1 | 7 | 6 | 4 | 8 | 7 | 6 | 5 | 2 | 5 | 1 | 7 | 6 | 4 | 8 | 7 | 6 | 5 | 2 | 5 | 4 | 1 | 7 | 6 | 4 | 6 | 5 | 3 | |
IE | Mz | Ns | Op | iC | IE | Mz | Ns | Om | Op | Sf | IE | Mz | Ns | Op | Ko | ||||||||||||||||||
Windows | Mac OS X | Macintosh | Other | ||||||||||||||||||||||||||||||
voice-family:"\"}\""; |
Y | Y | N | N | N | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | Y | Y | Y |
p\roperty:value; |
Y | Y | N | N | N | Y | Y | Y | N | Y | Y | Y | N | N | Y | Y | Y | Y | N | Y | Y | Y | N | Y | Y | N | Y | Y | Y | N | Y | N | N |
/*/*/property:value;/* */ |
Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y |
/*/*//*/property:value;/* */ |
N | N | N | N | N | N | N | N | Y | N | N | N | Y | N | N | N | N | N | N | N | N | N | Y | N | N | N | N | N | N | Y | N | Y | N |
div#test |
Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y |
head:first-child+body div |
Y | N | N | N | N | Y | Y | Y | N | Y | Y | N | N | N | Y | Y | Y | Y | N | Y | Y | N | N | Y | Y | N | Y | Y | Y | N | N | N | Y |
body>div |
Y | N | N | N | N | Y | Y | Y | N | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y |
html[xmlns] div |
Y | N | N | N | N | Y | Y | Y | N | Y | Y | Y | Y | N | N | Y | Y | Y | N | Y | Y | Y | Y | Y | N | N | Y | Y | Y | N | Y | Y | Y |
@import 'styles.css' |
Y | Y | Y | Y | N | Y | Y | Y | N | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | N | Y | Y | Y |
@import "styles.css" |
Y | Y | Y | Y | N | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | Y | Y | Y |
@import url(styles.css) |
Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y |
@import url('styles.css') |
Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | N | Y | Y | Y |
@import url("styles.css") |
Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y |
@import "null?\"\{"; |
Y | Y | Y | N | N | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | Y | Y | Y |
@media all{/* rules */} |
Y | Y | Y | Y | N | Y | Y | Y | N | Y | Y | Y | Y | N | N | Y | Y | Y | N | Y | Y | Y | Y | Y | N | N | Y | Y | Y | N | Y | Y | Y |
<link media="all"> |
Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y |
<link media="All"> |
Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y |
* html div |
N | Y | Y | Y | Y | N | N | N | N | N | N | N | N | N | Y | N | N | N | N | N | N | N | N | N | Y | Y | N | N | N | N | N | N | N |
*+html div |
Y | N | N | Y | ? | N | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? |
i{content:"\"/*"} |
Y | Y | N | N | N | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | Y | Y | N |
/* \*/ |
Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y |
html*#test |
Y | Y | Y | N | N | Y | Y | Y | N | N | N | N | N | N | Y | Y | Y | Y | N | N | N | N | Y | Y | Y | N | Y | Y | Y | N | ? | Y | N |
_property:value |
N | Y | Y | Y | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | Y | Y | N | N | N | N | N | N | N |
*property:value |
Y | Y | Y | Y | ? | N | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? |
@media tty { |
N | N | Y | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
@media tty { |
N | N | N | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
@media tty { |
N | N | Y | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N | N |
/*\*//*/ |
N | N | N | N | N | N | N | N | N | N | N | N | N | N | Y | N | N | N | N | N | N | N | N | N | Y | N | N | N | N | N | N | N | N |
.html