代码改变世界

HTML5和CSS3各种浏览器兼容性速查表

2011-09-28 15:26  Mr.Xer  阅读(287)  评论(0)    收藏  举报

CSS3 Properties 兼容性

PLATFORMMACWIN% Support
BrowserOPERAFIREFOXSAFARICHROMEOPERAFIREFOXSAFARIIECHROME 
Version10.633.65710.633.64.035678978 
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 选择器兼容性

PLATFORMMACWIN% Support
BrowserOPERAFIREFOXSAFARICHROMEOPERAFIREFOXSAFARIIECHROME 
Version10.633.65710.633.64.035678978 
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

PLATFORMMACWIN% Support
BrowserOPERAFIREFOXSAFARICHROMEOPERAFIREFOXSAFARIIECHROME 
Version10.633.65710.633.64.035678978 
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

PLATFORMMACWIN% Support
BrowserOPERAFIREFOXSAFARICHROMEOPERAFIREFOXSAFARIIECHROME 
Version10.633.65710.633.64.035678978 
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

PLATFORMMACWIN% Support
BrowserOPERAFIREFOXSAFARICHROMEOPERAFIREFOXSAFARIIECHROME 
Version10.633.65710.633.64.035678978 
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

PLATFORMMACWIN% Support
BrowserOPERAFIREFOXSAFARICHROMEOPERAFIREFOXSAFARIIECHROME 
Version10.633.65710.633.64.035678978 
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

PLATFORMMACWIN% Support
BrowserOPERAFIREFOXSAFARICHROMEOPERAFIREFOXSAFARIIECHROME 
Version10.633.65710.633.64.035678978 
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

PLATFORMMACWIN% Support
BrowserOPERAFIREFOXSAFARICHROMEOPERAFIREFOXSAFARIIECHROME 
Version10.633.65710.633.64.035678978 
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")