支持CSS3的浏览器有哪些?

html-css020

支持CSS3的浏览器有哪些?,第1张

现在流行浏览器的最新版本都支持CSS3了,因为不支持就意味着被淘汰。

例如IE, Chrome, FireFox, Safari, Opera这5大浏览器,IE9以后也开始追赶,IE10以后支持情况已经很好了。

支持最好的应该是Chrome和FireFox了。看看下面这张图就知道对CSS3的支持情况了:

其他的浏览器往往是以这5大浏览器为内核的,比如360极速浏览器就是以Chromium(Chrome的开源版本)为内核,QQ浏览器也是,所以它们也都支持CSS3了。

html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。

respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

官方网站: http://css3pie.com/

演示地址: http://css3pie.com/demos/gradient-patterns/

1.兼容border-radius

2.阴影效果

3.部分 CSS3 的效果,如 多张背景图,border-image,背景颜色渐变效果

4.png 图片透明效果

我们首先来了解一下,目前支持html5和css3的浏览器有哪些。

浏览器版本 支持情况

IE9全面支持

IE10 全面支持

Firefox 4.0全面支持

Safari 5.0 全面支持

Safari 6.0 全面支持

Chrome5.0 部分支持

Chrome6.0 部分支持

Chrome7.0 部分支持

Chrome8.0 部分支持

Chrome9.0 部分支持

Chrome10.0 全面支持

遨游3.0全面支持

那么究竟哪款浏览器支持html5和css3比较好呢?有人将这几款浏览器作了一次详细的测试,从测试结果来看,Chrome、IE10表现更为出色。

IE10技压群芳,IE10无疑对html5的支持更好些。所以在浏览器的选择上,考虑到使用体验的话,IE10绝对是最佳选择。

参考资料

让所有IE都支持html5的解决方法

html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。)

作者已经把js文件放在Google code project上并允许大家直接调用,当然,前提是你不在意调用额外的文件。

你可以使用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:

<!--[if IE]>

<script src="htt p:/ /html5shiv.googlecod e.c om/svn/tru nk/h tml5.js"></script>

<![endif]-->

当然如果你不喜欢调用外网文件,你也可以下载下来上传到自己的服务器单独调用(作者允许)。