我想知道我是否可以弄清楚CSS3属性是否可以在用户的网络浏览器中使用
像:
if($('#element').css('-moz-transform', 'rotateX(180deg')){ //Do something }
以上示例不起作用。如果不可能如何使用javascript检测浏览器?例如,像Chrome和Safari或Mozilla浏览器这样的webkit浏览器?
答案 0 :(得分:2)
这不是JQuery,但我的建议是使用Modernizr Javascript库。
它完全符合您的要求,能够检测到各种浏览器功能的支持,这些浏览器功能可能会在各种浏览器中提供,也可能不会出现,包括CSS 2D转换。
它为您的<body>
元素添加了一系列类,因此您可以根据功能支持设置CSS样式,并且它还提供具有所有功能支持标志的Javascript对象,您可以在任何位置查询
答案 1 :(得分:1)
有可能使用getComputedStyle
,但使用一个统一CSS3中所有浏览器差异的插件要容易得多。一个好的插件是jQuery transform plugin