为什么IE10没有显示嵌套的CSS3 3D转换元素?

ndm*_*ndm 7 css css3 css-transforms internet-explorer-10

我在这里有点迷失,我正在测试Windows 8 Release Preview附带的IE10(10.0.9200.16384),我现在很难过.令我烦恼的一件事是,IE似乎没有正确处理嵌套的3D转换.请看这个小提琴:

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

有两个彩色的div,一个红色的,一个绿色的旋转和翻译,使它充当长方体的顶部,这个长方体本身也旋转和平移(注意我不能使用变换原点旋转只是因为它在Webkit中是错误的...以防万一可能是可能的修复的一部分).它应该如下所示:

它与Chrome和Firefox一样正常运行,但在IE10中,绿色div缺失:

有人知道我是否遗漏了某些东西,或者它是否是一个错误?

小智 6

IE10不支持:

transform-style: preserve-3d;
Run Code Online (Sandbox Code Playgroud)

  • Hmpf ...现在这是一个严重的缺点<_ <有了这个提示,我发现了以下内容:http://goo.gl/cw4Uy所以唯一的解决方法是将父母变换应用于所有的孩子他们的正常变化 - 万岁.我怎么可能这么愚蠢,我真的以为这些日子终于消失了,但显然微软并不想打破IE特殊处理的做法. (2认同)