2013-10-28 37 views
0

我刪除了解決此問題所不需要的所有代碼,如前綴-WEBKIT-,-MOZ-,多維數據集的特徵和其他面。我知道已經有其他的帖子提出了相同的問題,但是在任何一個問題中都有解決方案,所以我想明白爲什麼這個規則不適用於IE10。perspective:1000px;在IE10中不起作用

.container-cube { 
perspective: 1000px; 
-ms-perspective: 1000px; 
} 
#cube { 
transform-style: preserve-3d; 
-ms-transform-style: preserve-3d; 
transform: translateZ(-100px); 
-ms-transform: translateZ(-100px); 
transition: all ease 2s; 
-ms-transition: all ease 2s; 
} 


#cube .front{ 
    transform: rotateY(0deg) 
    translateZ(150px); -ms-transform:   
    rotateY(0deg) translateZ(150px); 
} 

回答

3

你的問題很可能不是perspective: 1000px;,它可能是transform-style: preserve-3d,是unsupported in IE10

+0

「爲了讓代碼在IE中工作,我必須關閉它?」 –

0

「我發現這個問題在這個網站上的解決方案:」 [codepen.io/jonathan/pen/xiJLn]

「你必須在立方體的所有面給一個動作,是不一樣的我的,但總是很好,如果你想做一個不同的運動,你必須改變CSS,或者像我的情況,使用Java腳本「。

感謝您的幫助。