Why doesn't IE10 display nested CSS3 3D transformed elements?

Question

i'm a bit lost here, i'm currently testing the IE10 (10.0.9200.16384) that came with the Windows 8 Release Preview, and i'm having a very hard time. One of the things that are bugging me, is that IE doesn't seem to handle nested 3D Transforms corrently. Please see this fiddle:

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

There are two colored divs, a red one, and a green one rotated and translated so that it acts as the top of a cuboid, and this cuboid itself is rotated and translated too (note that i can't use transform-origin with rotate only because it is/was buggy in Webkit... just in case that might be part of a possible fix). It should look like this:

It's working as expected with Chrome and Firefox, but in IE10 the green div is missing:

Does anybody know if i'm missing something, or whether it's maybe a bug?

Answer 1

IE10不支持：

transform-style: preserve-3d;