2012-09-26 12 views
7

Sono un po 'perso qui, sto attualmente testando l'IE10 (10.0.9200.16384) fornito con l'anteprima di Windows 8, e sto attraversando un periodo molto difficile. Una delle cose che mi infastidisce è che IE non sembra gestire correttamente le trasformazioni 3D nidificate. Si prega di vedere questo violino:Perché IE10 non visualizza elementi 3D trasformati CSS3 nidificati?

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

Ci sono due div colorate, una rossa e una verde ruotata e traslata in modo che agisce come la cima di un parallelepipedo, e questo parallelepipedo stesso è ruotata e traslata anche (nota che non posso usare transform-origin con ruotare solo perché è/era bug in Webkit ... nel caso in cui potrebbe far parte di una possibile correzione). Esso dovrebbe essere simile a questo:

sta funzionando come previsto con Chrome e Firefox, ma in IE10 div verde manca:

Qualcuno sa se mi manca qualcosa, o se è forse un bug?

risposta

6

IE10 non supporta:

transform-style: preserve-3d; 
+2

Hmpf ... ora che è un po 'grave inconveniente <_ ndm

+0

Tuttavia, basta con il rant, grazie per la risposta, e per chiunque sia interessato a questo, ecco la soluzione alternativa: http://jsfiddle.net/uUHdF/2/ Deve essere applicato solo a IE, altrimenti potrebbe innescare il bug di origine trasformata presente in alcune versioni del webkit: https://bugs.webkit.org/show_bug.cgi?id=88587 – ndm

+0

Ha ragione. http://msdn.microsoft.com/en-us/library/ie/hh772282(v=vs.85).aspx MSDN elenca solo "flat" come il valore possibile per 'transform-style' finora. Anche questo mi ha deluso. – caiosm1005

Problemi correlati