为什么 IE10 不显示嵌套的 CSS3 3D 转换元素？答案

【问题标题】：Why doesn't IE10 display nested CSS3 3D transformed elements?为什么 IE10 不显示嵌套的 CSS3 3D 转换元素？
【发布时间】：2012-09-18 13:06:42
【问题描述】：

我有点迷失了，我目前正在测试随 Windows 8 Release Preview 一起提供的 IE10 (10.0.9200.16384)，我过得很艰难。困扰我的一件事是 IE 似乎不能正确处理嵌套的 3D 变换。请看这个小提琴：

有两个彩色的 div，一个红色的，一个绿色的，旋转和平移，使其充当长方体的顶部，并且这个长方体本身也旋转和平移（请注意，我不能使用变换-使用旋转的起源只是因为它在Webkit中是/曾经是错误的......以防万一这可能是可能修复的一部分）。它应该是这样的：

它在 Chrome 和 Firefox 中按预期工作，但在 IE10 中缺少绿色 div：

有谁知道我是否遗漏了什么，或者它是否可能是一个错误？

【问题讨论】：

【解决方案1】：

IE10 不支持：

transform-style: preserve-3d;

【讨论】：

Hmpf... 现在这是一个严重的缺点 <_ href="http://goo.gl/cw4Uy" rel="nofollow" target="_blank">goo.gl/cw4Uy 所以唯一的解决方法是将父母转换应用于所有孩子除了他们的正常变换 - 万岁。我怎么会这么傻，我真的以为这些日子终于过去了，但显然微软并不想打破IE特殊处理的做法。
但是，咆哮够了，感谢您的回答，对于任何对此感兴趣的人，这里是有效的解决方法：jsfiddle.net/uUHdF/2 它必须仅应用于 IE，否则可能会触发转换-某些 webkit 版本中存在的原始错误：bugs.webkit.org/show_bug.cgi?id=88587
他是对的。 msdn.microsoft.com/en-us/library/ie/hh772282(v=vs.85).aspx 到目前为止，MSDN 仅将“flat”列为 transform-style 的可能值。这也让我很失望。
您能否详细说明您的解决方案？仅仅从父对象中删除变换样式并不是我想的全部。例如，在使用 Three.JS 时如何解决这个问题，它将为您嵌套对象？
这不仅仅是烦人的。这是一个严重的缺陷，在 IE11 中仍然存在。