2012-09-26 14 views
7

Jestem trochę zagubiony, obecnie testuję IE10 (10.0.9200.16384), który pojawił się wraz z Windows 8 Release Preview, i mam bardzo trudny czas. Jedną z rzeczy, które mnie dręczą, jest to, że IE nie radzi sobie z zagnieżdżonymi 3D Transformami. Proszę zobaczyć ten skrzypce:Dlaczego IE10 nie wyświetla zagnieżdżonych elementów 3D przekształconych CSS3?

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

Istnieją dwa kolorowe DIV, czerwony jeden, a zielona obracany i przesuwany tak, że działa jako górze prostopadłościanu, a sam ten prostopadłościan jest obracany i przesuwany też (zauważ, że nie mogę używać transformacji z rotacją tylko dlatego, że jest/był błędny w Webkit ... na wszelki wypadek, że może być częścią możliwej poprawki). Powinno to wyglądać tak:

To działa zgodnie z oczekiwaniami z Chrome i Firefox, ale w IE10 zielona div brakuje:

Czy ktoś wie, czy jestem brakuje coś, czy może to jakiś błąd?

Odpowiedz

6

IE10 Nie obsługuje:

transform-style: preserve-3d; 
+2

Hmpf ... teraz to jest jakiś poważny mankament <_ ndm

+0

Jednak wystarczająco dużo z rantem, dziękuję za odpowiedź i wszystkim, którzy go interesują, oto działające obejście: http://jsfiddle.net/uUHdF/2/ To musi być zastosowane tylko do IE, w przeciwnym razie może wywołać błąd pochodzenia transformacji, który występuje w niektórych wersjach Webkita: https://bugs.webkit.org/show_bug.cgi?id=88587 – ndm

+0

Ma rację. http://msdn.microsoft.com/en-us/library/ie/hh772282(v=vs.85).aspx MSDN wylicza tylko "płaskie" jako możliwą wartość dla 'transform-style' do tej pory. To też mnie rozczarowało. – caiosm1005

Powiązane problemy