爲什麼IE10不顯示嵌套的CSS3 3D轉換元素？

我在這裏有點失落，我目前正在測試Windows 8 Release Preview附帶的IE10（10.0.9200.16384），而且我很難過。其中一個讓我煩惱的事情是，IE似乎無法正確處理嵌套的3D變換。請參閱此琴：爲什麼IE10不顯示嵌套的CSS3 3D轉換元素？

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

有兩種顏色的div，一個紅色和綠色的旋轉和平移，使得它作爲一個長方體的頂部，這個長方體本身旋轉和平移（注意，我不能僅僅使用transform-origin，因爲它是/在Webkit中是有缺陷的......以防萬一這可能是修復的一部分）。它應該是這樣的：

它與Chrome和Firefox預期的工作，但在IE10綠色DIV丟失：

是否有人知道我錯過什麼，或者它可能是一個錯誤？

來源

2012-09-26 ndm

IE10不支持：

transform-style: preserve-3d;

來源

2012-09-27 07:17:38

哼......現在這是一些嚴重的缺點<_ <有了這個提示記住我找到了以下內容： http://goo.gl/cw4Uy 所以唯一的解決方法是將父母轉換應用於所有的孩子，除了他們的正常轉換 - 萬歲。我怎麼會這麼愚蠢，我真的認爲這些日子終於消失了，但顯然微軟並不想打破IE特殊待遇的做法。 – ndm

然而，足夠的咆哮，感謝您的答案，並感興趣的任何人，這裏是工作的解決方法：http://jsfiddle.net/uUHdF/2/它必須只適用於IE瀏覽器，否則它可能會觸發一些webkit版本中存在的轉換源錯誤：https：//bugs.webkit.org/show_bug.cgi？id = 88587 – ndm

他是對的。 http://msdn.microsoft.com/en-us/library/ie/hh772282(v=vs.85).aspx到目前爲止，MSDN只列出了「flat」作爲'transform-style'的可能值。我也很失望。 – caiosm1005

爲什麼IE10不顯示嵌套的CSS3 3D轉換元素？

回答

相關問題