【H5学习】浏览器对CSS属性的支持

前缀表示

-ms-           IE专用

-moz-         基于Gecko引擎（Firefox）

-o-              opera浏览器

-webkit-    基于webkit引擎（Chrome、Safari）

对于已经遇到的显示问题特意查资料，下面是总结

目前用到但是IE不支持的CSS属性

1. Outline

IE6 和IE7 不支持 outline 属性

2. Inherit 

 inherit 值在IE6和IE7不被支持

3. :hover

鼠标滑过时显示

IE6中不被支持（IE7和IE8支持）

4. Counter-Increment / Counter-Reset

用于数字序号自增，还能用日文片假名、希腊文、拉丁文表示序号

IE6, IE7 甚至Safari(直到3.x版本)还不支持这些属性。当然，IE6也不支持:before 伪元素。

5、focus

用于打开时自动获取焦点

IE不支持

6、audio、video

居然连H5的这两个强大的属性都不支持。。。

PS：测试结果，360不能使用ended加监听器进行顺序播放（代码在前一篇H5学习中提到），Firefox就很爽