IE10에서 중첩 된 CSS3 3D 변형 요소를 표시하지 않는 이유는 무엇입니까?

저는 약간 분실되어 있습니다. 현재 Windows 8 Release Preview와 함께 제공되는 IE10 (10.0.9200.16384)을 테스트하고 있습니다. 매우 힘든시기를 보내고 있습니다. 나를 괴롭히는 것 중 하나는 IE가 중첩 된 3D 변환을 공손하게 처리하지 않는 것입니다. 두 색깔의 div의 빨간색 하나가 있습니다IE10에서 중첩 된 CSS3 3D 변형 요소를 표시하지 않는 이유는 무엇입니까?

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

하고는 입방 형의 상단 역할을하도록 녹색 하나는 회전 및 번역,이 입방 자체가 회전 및 번역 :이 바이올린을 참조하십시오 너무 (내가 웹킷에 버그가 있었기 때문에 나는 단지 회전과 함께 변형 원점을 사용할 수 없다는 점에 유의하십시오. 가능한 경우 수정의 일부일 수도 있습니다). 그것은 다음과 같아야합니다

그것은 크롬과 파이어 폭스와 함께 예상대로 작동하지만 IE10에있는 녹색 사업부가 없습니다 : 저는 누락 된 경우

이

아무도 알고 있나요 무언가, 아니면 그것이 아마도 버그일까요?

출처

2012-09-26 ndm

IE10은 지원하지 않습니다 :

이

transform-style: preserve-3d;

출처

2012-09-27 07:17:38

Hmpf ... 지금은 <_ <마음이 힌트로 내가 발견 한 몇 가지 심각한 단점이다 다음 http://goo.gl/cw4Uy 유일한 대안은 모든 자식에 부모 변환을 적용하는 것입니다. 내가 어떻게 어리석은 짓을 할 수 있었는지, 나는 정말로 요즘 마침내 사라 졌다고 생각했지만 분명히 마이크로 소프트는 IE 특별 대우의 관행을 깨고 싶지 않다. – ndm

그러나 호언 장담, 답변을 주셔서 감사 드리며 여기에 관심이있는 사용자는 다음과 같은 해결 방법을 사용하십시오. http://jsfiddle.net/uUHdF/2/ IE에만 적용되어야합니다. 그렇지 않으면 IE에만 적용되어야합니다. 일부 웹킷 버전에 존재하는 변형 원점 버그 : https://bugs.webkit.org/show_bug.cgi?id=88587 – ndm

맞습니다. http://msdn.microsoft.com/en-us/library/ie/hh772282(v=vs.85).aspx MSDN은 'transform-style'에 대한 가능한 값으로 "flat"만 나열합니다. 나도 실망했다. – caiosm1005

IE10에서 중첩 된 CSS3 3D 변형 요소를 표시하지 않는 이유는 무엇입니까?

답변

관련 문제