2012-09-26 5 views
7

私はここで少し失われています、私は現在、Windows 8リリースプレビューに付属しているIE10(10.0.9200.16384)をテストしており、非常に苦労しています。私に迷惑をかけていることの1つは、IEがネストされた3D変換を丁寧に処理していないようだということです。 2色のdiv、赤1がありIE10で入れ子になったCSS3の3D変換要素が表示されないのはなぜですか?

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

、それは直方体のトップとして機能するように緑色の1が回転し、翻訳し、この直方体自体が回転して変換されます。このフィドルを参照してください。 (Webkitではバグだったので、私は回転でtransform-originを使用することはできません...可能性のある修正の一部であるかもしれない場合に備えて)。それは次のようになります。

それChromeとFirefoxで期待通りに動作ですが、IE10に緑のdivが不足している:私が欠けている場合

は誰もが知っています何か、それともバグかどうか?

答えて

6

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

transform-style: preserve-3d; 
+2

Hmpf ...今ではいくつかの深刻な欠点だ<_ <このヒントを念頭に置いて、私は次を見つけた: http://goo.gl/cw4Uy 唯一の回避策は、親トランスフォームをすべての子に加えて、通常のトランスフォームに追加することです。どのように私はそんなにばかげているかもしれない、私は本当にこれらの日が最終的に消えたと思ったが、明らかにマイクロソフトはIEの特別扱いの実践に踏み切りたいとは思わない。 – ndm

+0

しかし、十分な怒りで、答えをいただきありがとうございました、それに興味のある方は、以下の回避策があります:http://jsfiddle.net/uUHdF/2/ IEにのみ適用する必要があります。いくつかのWebkitバージョンに存在する変換元のバグ:https://bugs.webkit.org/show_bug.cgi?id=88587 – ndm

+0

彼はそうです。 http://msdn.microsoft.com/en-us/library/ie/hh772282(v=vs.85).aspx MSDNには、これまでの 'transform-style'の可能な値として" flat "がリストされています。それは私にも失望しています。 – caiosm1005

関連する問題