Estoy un poco perdido aquí, actualmente estoy probando el IE10 (10.0.9200.16384) que viene con Windows 8 Release Preview, y estoy teniendo un momento muy difícil. Una de las cosas que me molestan es que IE no parece manejar transformaciones tridimensionales anidadas. Consulte este violín:¿Por qué IE10 no muestra elementos 3D 3D anidados transformados?
Hay dos divs de colores, una roja y una verde girar y trasladar de manera que actúa como la parte superior de un paralelepípedo, y esto paralelepípedo sí se gira y se traduce también (tenga en cuenta que no puedo usar el origen de transformación con rotar solo porque tiene/tenía errores en Webkit ... por si acaso eso podría ser parte de una posible solución). Se debe tener este aspecto:
que está funcionando como se esperaba con Chrome y Firefox, pero en IE10 el div verde le falta:
¿Alguien sabe si me falta algo, o si es tal vez un error?
Hmpf ... ahora que es un poco serio inconveniente <_
ndm
Sin embargo, basta con la queja, gracias por la respuesta y por cualquier persona interesada en ella, aquí está la solución alternativa: http://jsfiddle.net/uUHdF/2/ Se debe aplicar solo a IE, de lo contrario, podría desencadenar el error de origen de transformación que está presente en algunas versiones de webkit: https://bugs.webkit.org/show_bug.cgi?id=88587 – ndm
Tiene razón. http://msdn.microsoft.com/en-us/library/ie/hh772282(v=vs.85).aspx MSDN solo muestra "plano" como el valor posible para 'transform-style' hasta el momento. Eso también me decepcionó. – caiosm1005