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 ...
随机推荐
- BZOJ2169 连边（动态规划）
令f[i][j]表示连i条边时奇点个数为j的方案数,转移时讨论两奇点相连.一奇一偶相连.两偶点相连即可.注意这样会造成重边,那么算出恰好有一条重边的方案数并减掉.由于是有序地考虑每条边,每次还要除以i ...
- 【BZOJ1487】[HNOI2009]无归岛（动态规划）
[BZOJ1487][HNOI2009]无归岛(动态规划) 题面 BZOJ 洛谷 题解 哪来的这么多废话啊,直接说一个仙人掌得了. 然后就是要你求仙人掌最大独立集了.(随便蒯份原来的代码就过了) 不过 ...
- BZOJ4830 [Hnoi2017]抛硬币 【扩展Lucas】
题目链接 BZOJ4830 题解 当\(a = b\)时,我们把他们投掷硬币的结果表示成二进制,发现,当\(A\)输给\(B\)时,将二进制反转一下\(A\)就赢了\(B\) 还要除去平局的情况,最后 ...
- XStream--java对象与xml形式文件相互转换
1.pom.xml中添加依赖 <dependency> <groupId>com.thoughtworks.xstream</groupId> <artifa ...
- maven 整合支付宝，导入alipay-sdk-java包到本地仓库
maven 整合支付宝,导入alipay-sdk-java包到本地仓库 1.环境变量添加: MAVEN_HOME:(maven位置) M2_HOME:(maven位置) PATH:%M2_HOME ...
- SQL Server 事务与隔离级别实例讲解
上班途中,你在一处ATM机前停了下来.正当你在敲入密码的时候,你的一位家人也正在镇上的另一处TAM机上输入密码.你打算从某个还有500元余额的账户上转出400元,而你的家人想从同一账户取走300元.倘 ...
- C#处理MySql多个返回集的方法
本文实例讲述了C#处理MySql多个返回集的方法.分享给大家供大家参考.具体方法如下: 关于Mysql返回多个集java和Php的较多,但是C#的完整代码好像没见过,研究了一下做个封装以后用 做一个M ...
- Kubernetes Pod详解
目录 基本概念 pod资源配额 容器的健康检查 静态pod 基本概念 Pod是kubernetes集群中最基本的资源对象.每个pod由一个或多个业务容器和一个根容器(Pause容器)组成.Kubern ...
- ElasticStack系列之十七 & 大文本搜索性能提升方案
1. 什么是大文本?具体是什么? 首先需要理解,ElasticSearch 建立索引完成全文检索的前提是将待检索的信息导入到 ElasticSearch 中.而有的信息对应的正文内容会非常的打,可能达 ...
- OpenStack 图形化服务 Horizon介绍和部署（十二）
Horizon介绍 Horizon是一个web接口,使得云平台管理员以及用户可以管理不同的OpenStack资源以及服务. 提供一个Web界面操作OpenStack系统 使用Django框架基于Ope ...