【H5学习】浏览器对CSS属性的支持
2015-04-05 17:13
369 查看
前缀表示
-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就很爽
相关文章推荐
- js检测浏览器是否支持css的属性
- 解决IE8以下浏览器不支持CSS属性opacity的问题
- Javascript检测浏览器对CSS属性的支持 /* supports */
- 浏览器对CSS标准各属性支持的情况列表
- H5学习笔记——CSS文本设置属性&颜色表示法
- 自定义插件-让IE9以下的浏览器支持H5属性placeholder
- [转载]各个浏览器对CSS标准各属性支持的情况列表
- 判断浏览器是否支持指定CSS属性和指定值
- 特性查询采用@supports规则,不同的浏览器支持不同的css属性
- 检测浏览器是否支持某个css属性
- 检测浏览器是否支持某css属性
- 判断浏览器是否支持某css属性
- 原生JavaScript判断浏览器对CSS属性是否支持
- 各个浏览器对CSS标准各属性支持的情况列表
- 各个浏览器对CSS标准各属性支持的情况列表(转)
- 判断浏览器是是否支持某属性或方法
- 各浏览器对css,html,js支持的差异
- CSS学习(17)--其它属性
- JS判断浏览器是否支持某一个CSS3属性的方法
- 判断浏览器是是否支持某属性或方法