在JavaScript中是否可以知道客户端浏览器是否支持CSS属性?我说的是CSS3的旋转属性。我只想在浏览器支持的情况下执行某些函数。
发布于 2011-08-03 10:13:08
我相信你可以这样做:
if ('WebkitTransform' in document.body.style
|| 'MozTransform' in document.body.style
|| 'OTransform' in document.body.style
|| 'transform' in document.body.style)
{
alert('I can Rotate!');
}
发布于 2013-06-21 16:22:03
为此,有一个新的DOM CSS.supports。Opera (作为supportsCSS)和Chrome Canary已经实现了这个方法。
为了实现跨浏览器的兼容性,您可以使用my CSS.supports polyfill
示例:
CSS.supports("display", "table");//IE<8 return false
但是,您仍然需要指定浏览器前缀来为css属性添加前缀。例如:
CSS.supports("-webkit-filter", "blur(10px)");
我建议使用Modernizr进行特征检测。
发布于 2016-09-02 12:35:14
您可以使用Modernizr库。
css转换示例:
在.css文件中;
.no-csstransforms .box { color: red; }
.csstransforms .box { color: green; }
在.js文件中;
if (Modernizr.csstransforms) {
// supported
} else {
// not-supported
}
https://stackoverflow.com/questions/1342994
复制相似问题