HTML5和CSS3各种浏览器兼容性速查表
2011-09-28 15:26 Mr.Xer 阅读(287) 评论(0) 收藏 举报CSS3 Properties 兼容性
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | OPERA | FIREFOX | SAFARI | CHROME | OPERA | FIREFOX | SAFARI | IE | CHROME | ||||||
| Version | 10.63 | 3.6 | 5 | 7 | 10.63 | 3.6 | 4.03 | 5 | 6 | 7 | 8 | 9 | 7 | 8 | |
| RGBA | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 84%(grade: "excellent") |
| HSLA | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 82%(grade: "excellent") |
| Background Size | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 79%(grade: "excellent") |
| Multiple Backgrounds | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 79%(grade: "excellent") |
| Border Image | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | Y | 81%(grade: "excellent") |
| Border Radius | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| Box Shadow | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 82%(grade: "excellent") |
| Text Shadow | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | Y | 6%(grade: "poor") |
| Opacity | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| CSS Animations | N | N | Y | Y | N | N | N | Y | N | N | N | N | Y | Y | 37%(grade: "limited") |
| CSS Columns | N | Y | Y | Y | N | Y | Y | Y | N | N | N | N | Y | Y | 78%(grade: "excellent") |
| CSS Gradients | N | Y | Y | Y | N | Y | Y | Y | N | N | N | N | Y | Y | 74%(grade: "good") |
| CSS Reflections | N | N | Y | Y | N | N | N | Y | N | N | N | N | Y | Y | 37%(grade: "limited") |
| CSS Transforms | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | Y | 81%(grade: "excellent") |
| CSS Transforms 3D | N | N | Y | N | N | N | N | Y | N | N | N | N | N | N | 11%(grade: "poor") |
| CSS Transitions | Y | N | Y | Y | Y | N | Y | Y | N | N | N | N | Y | Y | 44%(grade: "limited") |
| CSS FontFace | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | 95%(grade: "excellent") |
| FlexBox | N | Y | Y | Y | N | Y | N | Y | N | N | N | N | Y | Y | 5%(grade: "poor") |
CSS3 选择器兼容性
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | OPERA | FIREFOX | SAFARI | CHROME | OPERA | FIREFOX | SAFARI | IE | CHROME | ||||||
| Version | 10.63 | 3.6 | 5 | 7 | 10.63 | 3.6 | 4.03 | 5 | 6 | 7 | 8 | 9 | 7 | 8 | |
| Begins with | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | 98%(grade: "excellent") |
| Ends with | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | 98%(grade: "excellent") |
| Matches | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | 98%(grade: "excellent") |
| Root | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 84%(grade: "excellent") |
| nth-child | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| nth-last-child | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| nth-of-type | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| nth-last-of-type | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| last-child | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 84%(grade: "excellent") |
| first-of-type | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| last-of-type | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| only-child | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 84%(grade: "excellent") |
| only-of-type | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| empty | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 84%(grade: "excellent") |
| target | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | N | 80%(grade: "excellent") |
| enabled | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 84%(grade: "excellent") |
| disabled | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 84%(grade: "excellent") |
| checked | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 84%(grade: "excellent") |
| not | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 84%(grade: "excellent") |
| General Sibling | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | 98%(grade: "excellent") |
HTML5 Web Applications
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | OPERA | FIREFOX | SAFARI | CHROME | OPERA | FIREFOX | SAFARI | IE | CHROME | ||||||
| Version | 10.63 | 3.6 | 5 | 7 | 10.63 | 3.6 | 4.03 | 5 | 6 | 7 | 8 | 9 | 7 | 8 | |
| Local Storage | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y | 92%(grade: "excellent") |
| Session Storage | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y | 93%(grade: "excellent") |
| Post Message | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y | 94%(grade: "excellent") |
| Offline Applications | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | Y | 77%(grade: "excellent") |
| Workers | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | Y | 78%(grade: "excellent") |
| Query Selector | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y | 82%(grade: "excellent") |
| WebSQL Database | Y | N | Y | Y | Y | N | N | Y | N | N | N | N | Y | Y | 40%(grade: "limited") |
| IndexDB Database | N | N | N | N | N | N | N | N | N | N | N | N | N | N | |
| Drag and Drop | N | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | 93%(grade: "excellent") |
| Hash Change (Event) | Y | Y | Y | Y | Y | Y | Y | Y | N | N | Y | Y | Y | Y | 82%(grade: "excellent") |
| History Management | N | N | Y | Y | N | N | Y | Y | N | N | N | N | Y | Y | 37%(grade: "limited") |
| WebSockets | N | N | Y | Y | N | N | Y | Y | N | N | N | N | Y | Y | 36%(grade: "limited") |
| GeoLocation | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | N | Y | Y | 80%(grade: "excellent") |
| Touch | N | N | N | N | N | N | N | N | N | N | N | N | N | N | |
HTML5 Graphics & Embedded Content
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | OPERA | FIREFOX | SAFARI | CHROME | OPERA | FIREFOX | SAFARI | IE | CHROME | ||||||
| Version | 10.63 | 3.6 | 5 | 7 | 10.63 | 3.6 | 4.03 | 5 | 6 | 7 | 8 | 9 | 7 | 8 | |
| Canvas | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 84%(grade: "excellent") |
| Canvas Text | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 82%(grade: "excellent") |
| SVG | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| SVG Clipping Paths | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 83%(grade: "excellent") |
| SVG Inline | N | N | N | Y | N | N | Y | N | N | N | N | Y | Y | Y | 2%(grade: "poor") |
| SMIL | Y | N | Y | Y | Y | N | Y | Y | N | N | N | Y | Y | Y | 44%(grade: "limited") |
| WebGL | Y | N | Y | Y | Y | N | Y | Y | N | N | N | Y | Y | Y | 3%(grade: "poor") |
| Audio | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 81%(grade: "excellent") |
| Video | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N | Y | Y | Y | 81%(grade: "excellent") |
HTML5 Audio Codecs
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | OPERA | FIREFOX | SAFARI | CHROME | OPERA | FIREFOX | SAFARI | IE | CHROME | ||||||
| Version | 10.63 | 3.6 | 5 | 7 | 10.63 | 3.6 | 4.03 | 5 | 6 | 7 | 8 | 9 | 7 | 8 | |
| Audio: ogg/vorbis | Y | Y | N | Y | Y | Y | Y | N | N | N | N | N | Y | Y | 66%(grade: "good") |
| Audio: mp3 | N | N | Y | Y | N | N | N | Y | N | N | N | Y | Y | Y | 35%(grade: "limited") |
| Audio: wav | Y | Y | Y | N | Y | Y | Y | Y | N | N | N | N | N | Y | 52%(grade: "good") |
| Audio: AAC | N | N | Y | Y | N | N | N | Y | N | N | N | Y | Y | Y | 35%(grade: "limited") |
HTML5 Video Codecs
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | OPERA | FIREFOX | SAFARI | CHROME | OPERA | FIREFOX | SAFARI | IE | CHROME | ||||||
| Version | 10.63 | 3.6 | 5 | 7 | 10.63 | 3.6 | 4.03 | 5 | 6 | 7 | 8 | 9 | 7 | 8 | |
| Video: ogg/theora | Y | Y | N | Y | Y | Y | Y | N | N | N | N | N | Y | Y | 66%(grade: "good") |
| Video: H.264 | N | N | Y | Y | N | N | N | Y | N | N | N | Y | Y | Y | 34%(grade: "limited") |
| Video: WebM | Y | N | N | Y | Y | N | Y | N | N | N | N | N | Y | Y | 21%(grade: "poor") |
HTML5 Forms Inputs
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | OPERA | FIREFOX | SAFARI | CHROME | OPERA | FIREFOX | SAFARI | IE | CHROME | ||||||
| Version | 10.63 | 3.6 | 5 | 7 | 10.63 | 3.6 | 4.03 | 5 | 6 | 7 | 8 | 9 | 7 | 8 | |
| Form: Search | N | N | Y | Y | N | N | Y | Y | N | N | N | N | Y | Y | 38%(grade: "limited") |
| Form: Phone | N | N | Y | Y | N | N | Y | Y | N | N | N | N | Y | Y | 38%(grade: "limited") |
| Form: URL | Y | N | Y | Y | Y | N | N | Y | N | N | N | N | Y | Y | 38%(grade: "limited") |
| Form: Email | Y | N | Y | Y | Y | N | N | Y | N | N | N | N | Y | Y | 38%(grade: "limited") |
| Form: DateTime | Y | N | N | N | Y | N | N | N | N | N | N | N | N | N | 4%(grade: "poor") |
| Form: Date | Y | N | N | N | Y | N | N | N | N | N | N | N | N | N | 4%(grade: "poor") |
| Form: Month | Y | N | N | N | Y | N | N | N | N | N | N | N | N | N | 4%(grade: "poor") |
| Form: Week | Y | N | N | N | Y | N | N | N | N | N | N | N | N | N | 4%(grade: "poor") |
| Form: Time | Y | N | N | N | Y | N | N | N | N | N | N | N | N | N | 4%(grade: "poor") |
| Form: LocalTime | Y | N | N | N | Y | N | N | N | N | N | N | N | N | N | 4%(grade: "poor") |
| Form: Number | Y | N | N | N | Y | N | N | N | N | N | N | N | N | Y | 5%(grade: "poor") |
| Form: Range | Y | N | Y | Y | Y | N | N | Y | N | N | N | N | Y | Y | 37%(grade: "limited") |
| Form: Colour | N | N | N | N | N | N | N | N | N | N | N | N | N | N | |
HTML5 Forms Attributes
| PLATFORM | MAC | WIN | % Support | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Browser | OPERA | FIREFOX | SAFARI | CHROME | OPERA | FIREFOX | SAFARI | IE | CHROME | ||||||
| Version | 10.63 | 3.6 | 5 | 7 | 10.63 | 3.6 | 4.03 | 5 | 6 | 7 | 8 | 9 | 7 | 8 | |
| Form: Autocomplete | Y | N | N | N | Y | N | N | N | N | N | N | N | N | N | 4%(grade: "poor") |
| Form: Autofocus | Y | N | Y | Y | Y | N | Y | Y | N | N | N | N | Y | Y | 42%(grade: "limited") |
| Form: List | Y | N | Y | N | Y | N | N | Y | N | N | N | N | N | N | 12%(grade: "poor") |
| Form: Placeholder | N | N | Y | Y | N | N | Y | Y | N | N | N | N | Y | Y | 38%(grade: "limited") |
| Form: Min | Y | N | Y | Y | Y | N | N | Y | N | N | N | N | Y | Y | 38%(grade: "limited") |
| Form: Max | Y | N | Y | Y | Y | N | N | Y | N | N | N | N | Y | Y | 38%(grade: "limited") |
| Form: Multiple | N | Y | Y | Y | N | Y | Y | Y | N | N | N | N | Y | Y | 70%(grade: "good") |
| Form: Pattern | Y | N | Y | Y | Y | N | N | Y | N | N | N | N | Y | Y | 39%(grade: "limited") |
| Form: Required | Y | N | Y | Y | Y | N | N | Y | N | N | N | N | Y | Y | 39%(grade: "limited") |
| Form: Step | Y | N | Y | Y | Y | N | N | Y | N | N | N | N | Y | Y | 37%(grade: "limited") |
浙公网安备 33010602011771号