JS功能检测嵌套元素的preserve-3d属性支持

时间:2013-08-15 11:54:01

标签: internet-explorer-10 css-transforms browser-feature-detection

任何人都知道是否可能,如果可以,我如何检测是否完全支持preserve-3d属性?

我的意思是嵌套元素相对于它的3D定位父对象的3D定位都是CSS3变换。

我问的原因是IE10,它对preserve-3d的支持非常有限。它没有考虑嵌套元素(它们相对于视口的位置就像它们的父母一样),并且它也存在依赖于Z轴的分层元素的问题(如果它在DOM下面,则远处的Z元素与near'er元素重叠) )。

到目前为止,决定是使用浏览器引擎检测,但如果我可以精选这个属性本身就会更大!

谢谢!

1 个答案:

答案 0 :(得分:3)

嗯,我不会为此烦恼太多。据我所知IE是迄今为止唯一支持不支持preserve-3d的CSS 3D转换支持浏览器,但是我可以理解你想要避免在IE支持它时更新大量网站(即使是那个时候你的自主机器人管家将能够为你做到这一点。)

因此,对于实际测试支持的内容,您可能需要尝试进行此Modernizr测试:

Tests for "preserve-3d" are not working on Android (via Browserstack)?

http://jsfiddle.net/wsqSw/