我删除了解决此问题所不需要的所有代码,例如前缀-WEBKIT-,-MOZ-,特征以及多维数据集的其他面。我知道已经有其他帖子有相同的问题,但在其中任何一个都有解决方案,所以我会理解为什么这个适当性不适用于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 );
}
答案 0 :(得分:3)
您的问题可能不是perspective: 1000px;
,可能是transform-style: preserve-3d
,unsupported in IE10。
答案 1 :(得分:0)
“我在这个网站找到了解决这个问题的方法:”[codepen.io/jonathan/pen/xiJLn]
“你必须在立方体的所有面上进行移动,与我的不同,但总是很好,如果你想做一个不同的动作,你必须改变CSS,或者像我的情况一样,使用Java脚本”。
感谢您的帮助。