2012-09-26 5 views
7

Ich bin ein bisschen verloren hier, ich teste gerade den IE10 (10.0.9200.16384), der mit der Windows 8 Release Preview kam, und ich habe eine sehr harte Zeit. Eines der Dinge, die mich irritieren, ist, dass der IE anscheinend nicht verschachtelte 3D-Transformationen verarbeitet. Bitte beachten Sie diese Geige:Warum zeigt IE10 verschachtelte CSS3 3D transformierte Elemente nicht an?

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

Es gibt zwei farbige divs, ein rotes und ein grünes gedreht und verschoben, so dass sie als die Spitze eines Quaders wirkt, und dieser Quader selbst gedreht und übersetzt (Beachten Sie, dass ich transform-origin nicht mit rotate verwenden kann, nur weil es in Webkit fehlerhaft ist/war ... nur für den Fall, dass dies Teil einer möglichen Korrektur sein könnte). Es sollte wie folgt aussehen:

Es ist wie erwartet mit Chrome und Firefox arbeiten, aber in IE10 die grüne div fehlt:

Weiß jemand, ob ich fehle etwas, oder ob es vielleicht ein Fehler ist?

Antwort

6

IE10 unterstützt nicht:

transform-style: preserve-3d; 
+2

Hmpf ..., nun da einiger gravierender Nachteil <_ ndm

+0

Aber genug mit der Ratte, danke für die Antwort, und für jeden, der daran interessiert ist, hier ist die Workaround: http://jsfiddle.net/uUHdF/2/ Es muss nur auf IE angewendet werden, sonst könnte es die Transform-Origin-Bug, der in einigen Webkit-Versionen vorhanden ist: https://bugs.webkit.org/show_bug.cgi?id=88587 – ndm

+0

Er hat Recht. http://msdn.microsoft.com/en-us/library/ie/hh772282(v=vs.85).aspx MSDN listet nur "flach" als den möglichen Wert für "transform-style" bisher auf. Das hat mich auch enttäuscht. – caiosm1005

Verwandte Themen