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

Question

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

http://jsfiddle.net/uUHdF/1/

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

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

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

Answer 1

IE10 不支持：

transform-style: preserve-3d;