Why doesn't IE10 display nested CSS3 3D transf

问题:

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?

回答1:

IE10 Does not support:

transform-style: preserve-3d;