您的位置:首页 > Web前端 > CSS

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: