2

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

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

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

到目前为止,决定是使用浏览器引擎检测,但如果我能很好地选择属性本身,那就更好了!

谢谢!

4

1 回答 1

3

好吧,我不会为此烦恼太多。据我所知,IE 是迄今为止唯一不支持 CSS 3D 转换的浏览器preserve-3d,但是我可以理解,一旦 IE 支持它,您希望避免更新大量站点(即使到那时您的自主机器人巴特勒将能够为您做到这一点)。

因此,对于实际测试支持的东西,您可能想尝试一下这个Modernizr测试:

“preserve-3d”的测试在 Android 上不起作用(通过 Browserstack)?

http://jsfiddle.net/wsqSw/

于 2013-08-15T23:46:57.557 回答