|
针对浏览器BUG的CSS书写方案
优化整理了一下代码,各位只要看纵向红块较多的浏览器,一般都是支持不太好的。
|
Windows |
Mac OS X |
Macintosh |
Other |
|
IE |
Mz |
Ns |
Op |
iC |
IE |
Mz |
Ns |
Om |
Op |
Sf |
IE |
Mz |
Ns |
Op |
Ko |
|
7b1 |
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 |
|
7b1 |
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:"\"}\""; voice-family:inherit; property:value; |
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 |
N |
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 |
N |
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 |
N |
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?\"\{"; @import "styles.css"; |
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 |
Y |
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 |
i{content:"\"/*"} div{property:value} |
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 |
/* \*/ div{property:value} /* */ |
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 |
Y |
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 |
@media tty { i{content:"\";/*" "*/}} @import 'styles.css'; /*";} }/* */ |
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 { i{content:"\";/*" "*/}}; @import 'styles.css'; {;}/*";} }/* */ |
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 { i{content:"\";/*" "*/}}@m; @import 'styles.css'; /*";} }/* */ |
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 |
/*\*//*/ @import "styles.css"; /**/ |
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 |
Referrence
Will the browser apply the rule(s)? http://centricle.com/ref/css/filters/ CSS-only Filters Summary http://www.dithered.com/css_filters/css_only/index.php 2006-7-18 13:03:12
Posted by jser | 阅读全文() | 回复(0) | 引用通告() | 编辑
|