js检测css样式的兼容问题
2015-07-24 20:30
585 查看
<script>
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));
humpString.push(_toHumb(style));
for (i in humpString)
if (humpString[i] in htmlStyle)
return true;
return false;
}
//测试用例
alert(supportCss3('opacity'));
if(supportCss3('opacity') == true){
document.getElementById('header').style.backgroundColor = 'rgba(51,51,51,0.3)';
}
else{
document.getElementById('header').style.backgroundColor = '#333';
}
</script>
相关文章推荐
- js脚本和css样式的连接问题
- js学习总结之DOM2兼容处理this问题的解决方法
- JS中常遇到的浏览器兼容问题和解决方法
- js 浏览器兼容问题
- JS浏览器兼容问题
- ie9 与 firefox、chrome浏览器 css、js兼容问题
- ie与火狐js兼容常见的问题
- IE和FF兼容问题,JS和CSS方面
- JS兼容问题
- 有关css和js针对不同浏览器兼容的问题
- css样式兼容不同浏览器问题
- JS中常遇到的浏览器兼容问题和解决方法
- 有关css和js对不同浏览器的兼容问题(1)
- 网站建设中兼容问题css样式
- JS控制显示隐藏兼容问题(IE6、IE7、IE8)
- JS中的offset、scroll、client的区别及它们的相关兼容问题
- js兼容问题,鼠标相对于事件源的位置,offsetX,layerX
- 解决js函数replace禁止输入框输入非法字符,光标回到文字最后问题(兼容ie、谷歌)
- js和css样式遇到的小问题
- js scrollTop在GOOGLE浏览器下不兼容问题