css - IE10 がネストされた CSS3 3D 変換要素を表示しないのはなぜですか?

Question

ここで少し迷っています。現在、Windows 8 Release Preview に付属の IE10 (10.0.9200.16384) をテストしていて、非常に苦労しています。私を悩ませていることの 1 つは、IE がネストされた 3D 変換を正しく処理していないように見えることです。このフィドルを見てください：

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

赤と緑の 2 つの色付きの div があり、直方体の上部として機能するように回転および移動されます。この直方体自体も回転および移動されます (回転で transform-origin を使用できないことに注意してください) Webkit でバグがある/だったという理由だけで... 可能な修正の一部である可能性がある場合に備えて)。次のようになります。

Chrome と Firefox では期待どおりに動作していますが、IE10 では緑色の div がありません。

私が何かを見逃しているのか、それともおそらくバグなのか、誰かが知っていますか?

Answer 1

IE10 は以下をサポートしていません:

transform-style: preserve-3d;