[CSS3技术]CSS3&HTML5各浏览器支持情况一览表

[tr][td]CSS3性质(CSS3 Properties)




[table=98%]  [tr] 平台 MAC WIN [/tr] [tr] 浏览器 CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI IE [/tr] [tr] 版本 5 3.6 10.1 4 4 3.6 3 10 10.5 4 6 7 8 [/tr]   [tr] RGBA [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] HSLA [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] Multiple Backgrounds [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] Border Image [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] Border Radius [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] Box Shadow [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] Opacity [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS Animations [td]Y[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS Columns [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS Gradients [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS Reflections [td]Y[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS Transforms [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS Transforms 3D [td]Y[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS Transitions [td]Y[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS FontFace [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [/tr]
[/table]
CSS3选择器(CSS3 Selectors)




[table=98%]  [tr] 平台 MAC WIN [/tr] [tr] 浏览器 CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI IE [/tr] [tr] 版本 5 3.6 10.1 4 4 3.6 3 10 10.5 4 6 7 8 [/tr]   [tr] CSS3: Begins with [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [/tr] [tr] CSS3: Ends with [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [/tr] [tr] CSS3: Matches [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [/tr] [tr] CSS3: Root [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: nth-child [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: nth-last-child [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: nth-of-type [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: nth-last-of-type [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: last-child [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: first-of-type [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: last-of-type [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: only-child [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: only-of-type [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: empty [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: target [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: enabled [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: disabled [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: checked [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: not [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]N[/td] [td]N[/td] [/tr] [tr] CSS3: General Sibling [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]Y[/td] [td]N[/td] [td]Y[/td] [td]Y[/td] [/tr]
[/table]
HTML5 web应用(HTML5 Web Applications)




  

平台 MAC WIN

浏览器 CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI IE

版本 5 3.6 10.1 4 4 3.6 3 10 10.5 4 6 7 8

Local Storage [td]Y

Y

N

Y

Y

Y

N

N

Y

Y

N

N

Y

Session Storage [td]N

Y

N

Y

N

Y

Y

N

Y

Y

N

N

Y

Post Message [td]Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

N

N

N

Offline Applications [td]Y

Y

N

Y

N

Y

Y

N

N

Y

N

N

N

Workers [td]Y

Y

N

Y

Y

Y

N

N

N

Y

N

N

N

Query Selector [td]Y

Y

Y

Y

Y

Y

N

Y

Y

Y

N

N

N

Web Database [td]Y

N

N

Y

Y

N

N

N

Y

Y

N

N

N

GeoLocation [td]N

Y

N

N

N

Y

N

N

N

N

N

N

N

HTML5嵌入内容(HTML5 Embedded Content)




  

平台 MAC WIN

浏览器 CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI IE

版本 5 3.6 10.1 4 4 3.6 3 10 10.5 4 6 7 8

Canvas [td]Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

N

N

N

Canvas Text [td]Y

Y

N

Y

Y

Y

N

N

Y

Y

N

N

N

Audio [td]Y

Y

N

Y

Y

Y

N

N

Y

Y

N

N

N

Video [td]Y

Y

N

Y

Y

Y

N

N

Y

Y

N

N

N

HTML5音频编码(HTML5 Audio Codecs)




  

平台 MAC WIN

浏览器 CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI IE

版本 5 3.6 10.1 4 4 3.6 3 10 10.5 4 6 7 8

Audio: ogg [td]Y

Y

N

Y

Y

Y

N

N

Y

N

N

N

N

Audio: mp3 [td]N

N

N

N

N

N

N

N

N

Y

N

N

N

Audio: wav [td]N

Y

N

Y

N

Y

N

N

Y

Y

N

N

N

Audio: AAC [td]Y

N

N

N

Y

N

N

N

Y

N

N

N

N

HTML5视频编码(HTML5 Video Codecs)




  

平台 MAC WIN

浏览器 CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI IE

版本 5 3.6 10.1 4 4 3.6 3 10 10.5 4 6 7 8

Video: ogg [td]Y

Y

N

Y

Y

Y

N

N

Y

N

N

N

N

Video: H.264 [td]N

N

N

N

N

N

N

N

N

N

N

N

N

HTML5表单输入框(HTML5 Forms Inputs)




  

平台 MAC WIN

浏览器 CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI IE

版本 5 3.6 10.1 4 4 3.6 3 10 10.5 4 6 7 8

Form: Search [td]Y

N

N

Y

Y

N

N

N

N

Y

N

N

N

Form: Phone [td]Y

N

N

Y

Y

N

N

N

N

Y

N

N

N

Form: URL [td]Y

N

Y

Y

Y

N

N

Y

Y

Y

N

N

N

Form: Email [td]Y

N

Y

Y

Y

N

N

Y

Y

Y

N

N

N

Form: DateTime [td]Y

N

Y

N

N

N

N

Y

Y

N

N

N

N

Form: Date [td]Y

N

Y

N

N

N

N

Y

Y

N

N

N

N

Form: Month [td]Y

N

Y

N

N

N

N

Y

Y

N

N

N

N

Form: Week [td]Y

N

Y

N

N

N

N

Y

Y

N

N

N

N

Form: Time [td]Y

N

Y

N

N

N

N

Y

Y

N

N

N

N

Form: LocalTime [td]Y

N

Y

N

N

N

N

Y

Y

N

N

N

N

Form: Number [td]Y

N

Y

Y

Y

N

N

Y

Y

Y

N

N

N

Form: Range [td]Y

N

Y

Y

Y

N

N

Y

Y

Y

N

N

N

Form: Colour [td]Y

N

N

N

Y

N

N

N

N

N

N

N

N

HTML5表单属性(HTML5 Forms Attributes)

[/td][/tr]