CSS3&HTML5各浏览器支持情况一览表

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
时间: 2024-10-13 05:42:31

CSS3&HTML5各浏览器支持情况一览表的相关文章

ECMAScript5和ECMAScript6_浏览器支持情况

ECMAScript5浏览器支持情况: Opera 11.60 Internet Explorer 9* Firefox 4 Safari 5.1** Chrome 13 * IE9不支持严格模式 - IE10 添加 ** Safari 5.1 仍不支持 Function.prototype.bind, 尽管 Function.prototype.bind现在已经被Webkit所支持. 具体支持情况可以查看 http://kangax.github.io/compat-table/es5/ (E

HTML5之浏览器支持、新元素

HTML5之浏览器支持.新元素 现代的浏览器都支持HTML5.此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理.正因为如此,你可以 "教会" 浏览器处理 "未知" 的 HTML 元素.甚至你可以教会 IE6 (Windows XP 2001) 浏览器处理未知的 HTML 元素(即让一些较早的浏览器(不支持HTML5)支持 HTML5). 1.将 HTML5 元素定义为块元素 HTML5 定了8个新的HTML 语义(semantic) 元素.

standard判断浏览器支持情况

https://github.com/standard/standard //判断浏览器支持情况,注意,standard只支持IOS系统 // https://github.com/standard/standard let elementStyle = document.createElement('div').style let vendor = (() => { let transformNames = { webkit: 'webkitTransform', Moz: 'MozTrans

Web存储(Web Storage)的浏览器支持情况

所有很酷的功能特征的出现最关键的就是浏览器的支持情况,幸运的是,所有的现代浏览器都支持HTML5 Web存储(Web Storage),从IE8开始也支持它.HTML5 Web存储(Web Storage)非常简单但也非常有用.因为HTML5 Web存储(Web Storage)需要使用JavaScript进行操作,所以,在使用它执行一些关键功能时要确保浏览器支持这个特征并开启了JavaScrpt脚本功能.

css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况

px:绝对单位,页面按精确像素展示 em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值. rem:相对单位,可理解为"root em", 相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持. (另外需注意chrome强制最小字体为12号,即使设置成 10px 最终都会显示成 12px,当把html的font-size设置成10px,子节点rem

bootstrap3浏览器支持情况

Internet Explorer 8 和 9 是被支持的,但是还是有很多CSS3属性和HTML5元素 -- 例如,圆角矩形和投影 -- 是肯定不被支持的.另外,Internet Explorer 8 需要Respond.js配合才能实现对媒体查询(media query)的支持.另外ie9一下版本不支持html5标签,你可以加载html5官方提供的插件html5shiv.min.js解决.Bootstrap不支持IE的兼容模式.为了让IE浏览器运行最新的渲染模式,建议将此 <meta> 标签

检测 HTML5\CSS3\JAVASCRIPT 在浏览器的适应情况

CSS3 Selectors Test : 这是CSS3.INFO网站提供的css选择器测试页面,它能够详细显示当前浏览器对所有CSS3选择器的支持情况.启动测试,浏览器会自动测验,并已列表的方式显示当前浏览器对所有css3选择器的支持情况     http://tools.CSS3.info/selectors-test/test.html When can I use :这是一个专业的测试网站,为广大网页设计师提供CSS3\HTML5\SVG\JAVAScript api 技术的浏览器支持情

让 IE9 以下的浏览器支持HTML5标签 和 CSS3选择器

做项目的很多时候,想用 HTML5  CSS3 新的技术,又考虑到低版本的浏览器不支持这些标签和属性,就让人烦恼,不过问题的出现,就有问题的解决方案,那么这里就介绍用 js 插件来让低版本浏览器也兼容吧... 让浏览器支持HTML5标签插件下载地址: http://code.google.com/p/html5shiv/ 让浏览器支持CSS3选择器插件下载地址: http://www.jb51.net/jiaoben/24032.html 使用方法: 下载插件,在下载到的文件中找到下面标着红颜色

老式浏览器支持html5与css3

html5低版本浏览器兼容方式 <!--[if IE]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"> </script> <![endif]--> 最后在css代码中插入: article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} cs