JS 功能检测对嵌套元素的保留 3d 属性支持答案

【问题标题】：JS feature detect preserve-3d property support for nested elementsJS 功能检测对嵌套元素的保留 3d 属性支持
【发布时间】：2015-05-02 09:22:16
【问题描述】：

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

我的意思是嵌套元素相对于它的 3D 定位父元素的 3D 定位，所有这些都使用 CSS3 转换。

我问的原因是IE10，它对preserve-3d的支持非常有限。它不考虑嵌套元素（它们像父元素一样相对于视口定位），并且它还存在根据 Z 轴分层元素的问题（如果 Z 元素位于 DOM 下方，则较远的 Z 元素与较近的元素重叠)。

目前的决定是使用浏览器引擎检测，但如果我能精挑细选属性本身，那就更好了！

谢谢！

【问题讨论】：

【解决方案1】：

好吧，我不会为此烦恼太多。据我所知，IE 是目前唯一一个不支持preserve-3d 的 CSS 3D 转换支持浏览器，但是我可以理解，一旦 IE 支持它，您希望避免更新大量网站（即使到那时您的自主机器人管家将能够为您做到这一点）。

因此，对于实际测试支持的东西，您可能想尝试一下 Modernizr 测试：

【讨论】：