css 变量哪些浏览器支持

html-css043

css 变量哪些浏览器支持,第1张

目前从 Can I use 上获取的信息显示除了 Edge 外主流浏览器的最新版都已经支持这个特性了，随后微软最新确认，EdgeHTML 15.15061中已经增加了对CSS自定义属性的支持！

拓展：

CSS变量：也称作“自定义属性”；CSS 自定义属性是可以级联的：每一个自定义属性可以多次出现，并且变量的值将会借助级联算法和自定义属性值运算出来。

目前市场上手机按照系统分为以下三种：

1，IOS系统手机，自带的是苹果的safari浏览器，可以支持CSS3；

2，Android系统手机，原生系统自带chrome浏览器，支持CSS3；

3，Windows Phone系统手机，内置IE浏览器，但版本不低，最低的版本也支持部分CSS3.

我们首先来了解一下，目前支持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]-->

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