使用 Jquery 检测 CSS3 属性是否可行

Detecting if a CSS3 property is doable using Jquery?

本文关键字:是否 属性 CSS3 Jquery 检测 使用      更新时间:2023-09-26

我想知道我是否可以弄清楚 CSS3 属性在用户的 Web 浏览器中是否可行

喜欢:

if($('#element').css('-moz-transform', 'rotateX(180deg')){ //Do something }

上面的例子不起作用。如果不可能,如何使用 javascript 检测浏览器?例如,像Chrome和Safari这样的webkit浏览器或Mozilla浏览器?

这不是JQuery,但我的建议是使用Modernizr Javascript库。

它完全符合您的要求,能够检测对各种浏览器功能的支持,这些功能可能在各种浏览器中可用,也可能不可用,包括 CSS 2D 转换。

它向<body>元素添加了一系列类,以便您可以根据功能支持设置 CSS 样式,并且它还提供了一个包含所有功能支持标志的 Javascript 对象,您可以随时查询该标志。

使用

getComputedStyle 可能是可能的,但使用统一 CSS3 中所有浏览器差异的插件要容易得多。一个很好的插件是jQuery转换插件