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

时间:2011-05-08 16:41:43

标签: javascript jquery cross-browser

我想知道我是否可以弄清楚CSS3属性是否可以在用户的​​网络浏览器中使用

像:

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

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

2 个答案:

答案 0 :(得分:2)

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

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

它为您的<body>元素添加了一系列类,因此您可以根据功能支持设置CSS样式,并且它还提供具有所有功能支持标志的Javascript对象,您可以在任何位置查询

答案 1 :(得分:1)

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