आईई 10 नेस्टेड CSS3 3 डी ट्रांसफॉर्म किए गए तत्व क्यों प्रदर्शित नहीं करते हैं?

Question

मैं यहां थोड़ा सा खो गया हूं, मैं वर्तमान में आईई 10 (10.0.9200.16384) का परीक्षण कर रहा हूं जो विंडोज 8 रिलीज पूर्वावलोकन के साथ आया था, और मुझे बहुत कठिन समय है। मुझे परेशान करने वाली चीजों में से एक यह है कि आईई ने नेस्टेड 3 डी ट्रांसफॉर्म को संक्रमित रूप से संभालने की प्रतीत नहीं की है। कृपया इस बेला देखें:

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

दो रंग का divs, एक लाल एक हैं, और एक हरे रंग की एक घुमाया और अनुवाद इतना है कि यह एक cuboid के शीर्ष के रूप में कार्य है, और इस घनाभ ही घुमाया और अनुवाद किया है भी (ध्यान दें कि मैं केवल घुमाव के साथ ट्रांसफॉर्म-उत्पत्ति का उपयोग नहीं कर सकता क्योंकि यह वेबकिट में बग्गी है ... बस अगर यह संभव फिक्स का हिस्सा हो)। यह इस तरह दिखना चाहिए:

यह क्रोम और Firefox के साथ अपेक्षित रूप से कार्य है, लेकिन IE10 में हरी div याद आ रही है:

किसी को भी पता है अगर मैं याद कर रहा हूँ कुछ, या यह शायद एक बग है?

Answer 1

IE10 का समर्थन नहीं करता:

transform-style: preserve-3d;