CSS3&HTML5各浏览器支持情况一览表
http://fmbip.com/
CSS3性质(CSS3 Properties)
| 平台 | 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 |
| RGBA | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| HSLA | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| Multiple Backgrounds | Y | Y | N | Y | Y | Y | N | N | Y | Y | N | N | N |
| Border Image | Y | Y | N | Y | Y | Y | N | N | Y | Y | N | N | N |
| Border Radius | Y | Y | N | Y | Y | Y | Y | N | Y | Y | N | N | N |
| Box Shadow | Y | Y | N | Y | Y | Y | N | N | Y | Y | N | N | N |
| Opacity | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| CSS Animations | Y | N | N | Y | Y | N | N | N | N | Y | N | N | N |
| CSS Columns | Y | Y | N | Y | Y | Y | Y | N | N | Y | N | N | N |
| CSS Gradients | Y | Y | N | Y | Y | Y | N | N | N | Y | N | N | N |
| CSS Reflections | Y | N | N | Y | Y | N | N | N | N | Y | N | N | N |
| CSS Transforms | Y | Y | N | Y | Y | Y | N | N | Y | Y | N | N | N |
| CSS Transforms 3D | Y | N | N | Y | Y | N | N | N | N | Y | N | N | N |
| CSS Transitions | Y | N | N | Y | Y | N | N | N | Y | Y | N | N | N |
| CSS FontFace | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y |
CSS3选择器(CSS3 Selectors)
| 平台 | 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 |
| CSS3: Begins with | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y |
| CSS3: Ends with | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y |
| CSS3: Matches | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y |
| CSS3: Root | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| CSS3: nth-child | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | N | N |
| CSS3: nth-last-child | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | N | N |
| CSS3: nth-of-type | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | N | N |
| CSS3: nth-last-of-type | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | N | N |
| CSS3: last-child | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| CSS3: first-of-type | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | N | N |
| CSS3: last-of-type | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | N | N |
| CSS3: only-child | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| CSS3: only-of-type | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | N | N |
| CSS3: empty | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| CSS3: target | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| CSS3: enabled | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| CSS3: disabled | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| CSS3: checked | Y | Y | N | Y | Y | Y | Y | N | Y | Y | N | N | N |
| CSS3: not | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| CSS3: General Sibling | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y |
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 | Y | Y | N | Y | Y | Y | N | N | Y | Y | N | N | Y |
| Session Storage | N | Y | N | Y | N | Y | Y | N | Y | Y | N | N | Y |
| Post Message | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| Offline Applications | Y | Y | N | Y | N | Y | Y | N | N | Y | N | N | N |
| Workers | Y | Y | N | Y | Y | Y | N | N | N | Y | N | N | N |
| Query Selector | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | N | N | N |
| Web Database | Y | N | N | Y | Y | N | N | N | Y | Y | N | N | N |
| GeoLocation | 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 | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | N |
| Canvas Text | Y | Y | N | Y | Y | Y | N | N | Y | Y | N | N | N |
| Audio | Y | Y | N | Y | Y | Y | N | N | Y | Y | N | N | N |
| Video | 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 | Y | Y | N | Y | Y | Y | N | N | Y | N | N | N | N |
| Audio: mp3 | N | N | N | N | N | N | N | N | N | Y | N | N | N |
| Audio: wav | N | Y | N | Y | N | Y | N | N | Y | Y | N | N | N |
| Audio: AAC | 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 | Y | Y | N | Y | Y | Y | N | N | Y | N | N | N | N |
| Video: H.264 | 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 | Y | N | N | Y | Y | N | N | N | N | Y | N | N | N |
| Form: Phone | Y | N | N | Y | Y | N | N | N | N | Y | N | N | N |
| Form: URL | Y | N | Y | Y | Y | N | N | Y | Y | Y | N | N | N |
| Form: Email | Y | N | Y | Y | Y | N | N | Y | Y | Y | N | N | N |
| Form: DateTime | Y | N | Y | N | N | N | N | Y | Y | N | N | N | N |
| Form: Date | Y | N | Y | N | N | N | N | Y | Y | N | N | N | N |
| Form: Month | Y | N | Y | N | N | N | N | Y | Y | N | N | N | N |
| Form: Week | Y | N | Y | N | N | N | N | Y | Y | N | N | N | N |
| Form: Time | Y | N | Y | N | N | N | N | Y | Y | N | N | N | N |
| Form: LocalTime | Y | N | Y | N | N | N | N | Y | Y | N | N | N | N |
| Form: Number | Y | N | Y | Y | Y | N | N | Y | Y | Y | N | N | N |
| Form: Range | Y | N | Y | Y | Y | N | N | Y | Y | Y | N | N | N |
| Form: Colour | Y | N | N | N | Y | N | N | N | N | N | N | N | N |
HTML5表单属性(HTML5 Forms Attributes)
| 平台 | 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: Autocomplete | N | N | Y | N | N | N | N | Y | Y | N | N | N | N |
| Form: Autofocus | Y | N | Y | Y | Y | N | N | Y | Y | Y | N | N | N |
| Form: List | N | N | Y | N | N | N | N | Y | Y | N | N | N | N |
| Form: Placeholder | Y | N | N | Y | Y | N | N | N | N | Y | N | N | N |
| Form: Min | Y | N | Y | N | Y | N | N | Y | Y | N | N | N | N |
| Form: Max | Y | N | Y | N | Y | N | N | Y | Y | N | N | N | N |
| Form: Multiple | Y | Y | N | Y | Y | Y | N | N | N | Y | N | N | N |
| Form: Pattern | Y | N | Y | N | Y | N | N | Y | Y | N | N | N | N |
| Form: Required | Y | N | Y | N | Y | N | N | Y | Y | N | N | N | N |
| Form: Step | Y | N | Y | N | N | N | N | Y | Y | N | N | N | N |
CSS3&HTML5各浏览器支持情况一览表的更多相关文章
- HTML5 API 浏览器支持情况检测
HTML5发展到现在,虽说没有大规模的普及,但在我们日常生活中,也很容易见到了,HTML5的游戏.网站.应用也是层出不穷.而作为前端人员,也应该多了解这些API为以后应用打基础,下面我将给大家介绍 H ...
- css选择器浏览器支持情况
css选择器浏览器支持情况
- ECMAScript 5和ECMAScript6的新特性以及浏览器支持情况
ECMAScript简介: 它是一种由Ecma国际(前身为欧洲计算机制造商协会)制定和发布的脚本语言规范,javascript在它基础上经行了自己的封装.但通常来说,术语ECMAScript和java ...
- ECMAScript和JavaScript的区别，ECMAScript发展更新历史，ECMAScript5和ECMAScript6的新特性及浏览器支持情况，ECMAScript 5/ECMAScript 2015正式发布
ECMAScript和JavaScript的区别 ECMA是European Computer Manufacturers Association的缩写,即欧洲计算机制造商协会.欧洲计算机制造商协会是 ...
- ECMAScript5和ECMAScript6_浏览器支持情况
ECMAScript5浏览器支持情况: Opera 11.60 Internet Explorer 9* Firefox 4 Safari 5.1** Chrome 13 * IE9不支持严格模式 - ...
- Web存储(Web Storage)的浏览器支持情况
所有很酷的功能特征的出现最关键的就是浏览器的支持情况,幸运的是,所有的现代浏览器都支持HTML5 Web存储(Web Storage),从IE8开始也支持它.HTML5 Web存储(Web Stora ...
- css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
原文地址: http://blog.csdn.net/jyy_12/article/details/42557241 px:绝对单位,页面按精确像素展示 em:相对单位,基准点为父节点字体的大小,如果 ...
- IE 浏览器各个版本 JavaScript 支持情况一览表
语言元素 语言元素 突发.IE6 标准.IE7 标准 IE8 标准 IE 9 标准 IE 10 标准 边缘 Windows 应用商店应用程序 __proto__ 属性 (Object) (JavaSc ...
- bootstrap3浏览器支持情况
Internet Explorer 8 和 9 是被支持的,但是还是有很多CSS3属性和HTML5元素 -- 例如,圆角矩形和投影 -- 是肯定不被支持的.另外,Internet Explorer 8 ...
随机推荐
- 【题解】Power Strings
题目描述 给定若干个长度小于等于10^6的字符串,询问每个字符串最多由多少个相同的子串重复连接而成.如:ababab,最多由3个ab连接而成. 输入输出格式 输入格式 若干行,每行一个字符串. 当读入 ...
- 使用System.getProperty方法，如何配置JVM系统属性
原创文章,欢迎转载,转载请注明出处! 很多时候我们需要在项目中读取外部属性文件,用到了System.getProperty("")方法.这个方法需要配置JVM系统属性,那么如何配置 ...
- BZOJ 2242 [SDOI2011]计算器 | BSGS
insert的时候忘了取模了-- #include <cstdio> #include <cmath> #include <cstring> #include &l ...
- 以 BZOJ 2002 为例学习有根树LCT(Link-Cut Tree)
以BZOJ 2002 弹飞绵羊为例学习有根树LCT(Link-Cut Tree) 注:本文非常简单,只涉及有根树LCT,对于无根树,LCT还有几个本文没有提到的操作,以后慢慢更新 =v= 知识储备 [ ...
- VirtualBox 文件共享及网络配置技巧
文件共享 1. 安装增强功能 2. 分配数据空间 这样就可以在virtualbox里访问本地的数据了: 网络配置
- 【bzoj4765】 普通计算姬
题意 给出一棵有根树,$n$个点每个都有一个点权.$m$组操作每次可以修改一个点权或者询问编号在区间$[l,r]$的点的子树权值和的和. Solution 我们对节点编号分块,每一块统计该块中的节点的 ...
- acm 比赛模板
C++模板 A-M https://pan.baidu.com/s/1lqR1s5RcAR52UJLYNfmRTQ C++模板 1-13 https://pan.baidu.com/s/1361ShU ...
- 织梦dedecms搜索页加上序列号autoindex
在我们做织梦搜索页模板的时候经常会使用到autoindex标签.那么怎么才能实现搜索页可以使用呢?下面给大家分享下解决方法: 打开文件:include/arc.searchview.class.php ...
- 利用CSS3实现简书中点击“喜欢”时的动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- [转载]NodeJS优缺点及适用场景讨论
http://www.xprogrammer.com/159.html 概述:NodeJS宣称其目标是“旨在提供一种简单的构建可伸缩网络程序的方法”,那么它的出现是为了解决什么问题呢,它有什么优缺点以 ...