文章/答案/技术大牛

发布

社区首页 >问答首页 >用JavaScript检查浏览器CSS属性支持吗？

问用JavaScript检查浏览器CSS属性支持吗？
EN

Stack Overflow用户

提问于 2009-08-27 18:35:27

回答 4查看 16.3K关注 0票数 25

在JavaScript中是否可以知道客户端浏览器是否支持CSS属性？我说的是CSS3的旋转属性。我只想在浏览器支持的情况下执行某些函数。

javascript

css

browser-feature-detection

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-08-03 18: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!');
}

票数 41

Stack Overflow用户

发布于 2013-06-22 00: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进行特征检测。

票数 8

Stack Overflow用户

发布于 2016-09-02 20:35:14

您可以使用Modernizr库。

css转换示例：

在.css文件中；

.no-csstransforms .box { color: red; }
.csstransforms .box { color: green; }

在.js文件中；

if (Modernizr.csstransforms) {
  // supported
} else {
  // not-supported
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1342994

复制

相似问题

问用JavaScript检查浏览器CSS属性支持吗？
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用JavaScript检查浏览器CSS属性支持吗？EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用JavaScript检查浏览器CSS属性支持吗？
EN