css兼容处理
2016-08-22 17:18
106 查看
1、js判断浏览器是否支持css3属性
function supportCss3(style){var prefix=['webkit','Moz','ms','o'],i,humpString=[],htmlStyle=document.documentElement.style,_toHumb=function(string){return string.replace(/-(\w)/g,function($0,$1){return $1.toUpperCase()})};for(i in prefix){humpString.push(_toHumb(prefix[i]+'-'+style));console.log(humpString)}humpString.push(_toHumb(style));for(i in humpString){if(humpString[i]in htmlStyle){return true}}return false}; console.warn(supportCss3('animation-fill-mode'));
2、~~
function supportCss3(style){var prefix=['webkit','Moz','ms','o'],i,humpString=[],htmlStyle=document.documentElement.style,_toHumb=function(string){return string.replace(/-(\w)/g,function($0,$1){return $1.toUpperCase()})};for(i in prefix){humpString.push(_toHumb(prefix[i]+'-'+style));console.log(humpString)}humpString.push(_toHumb(style));for(i in humpString){if(humpString[i]in htmlStyle){return true}}return false}; console.warn(supportCss3('animation-fill-mode'));
2、~~
相关文章推荐
- CSS中的display:inline-block
- 【对比分析五】CSS阻塞和JS阻塞
- 如何只用CSS做到完全居中
- photoshop将psd导出div+css格式HTML(自动)
- 解决IE8以下浏览器不支持CSS属性opacity的问题
- link与@import引入外部样式表的区别
- CSS书写规范、顺序
- CSS伪类与CSS伪元素
- css hover控制其他元素
- 前端HTML与CSS编码规范
- 【对比分析三】CSS中 link 和@import 的区别
- DIV+CSS中图片和文字混排居中问题解决方案
- CSS基础教程 -- 媒体查询屏幕适配
- CSS使用div:before导致HTML中当前标签及其子标签都自动加上了:before样式
- CSS基础教程 -- 媒体查询屏幕适配
- CSS3动画简单应用
- 解决WEB对js、css缓存问题的一种可行方案
- 关于H5+css3的一些简单知识
- css-选择器
- ADF Skin切换 -- 替换css路径方式实现皮肤切换