Question

我删除了解决此问题所不需要的所有代码，例如前缀-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 );  
}

Answer 1

您的问题可能不是perspective: 1000px;，可能是transform-style: preserve-3d，unsupported in IE10。

Answer 2

“我在这个网站找到了解决这个问题的方法：”[codepen.io/jonathan/pen/xiJLn]

“你必须在立方体的所有面上进行移动，与我的不同，但总是很好，如果你想做一个不同的动作，你必须改变CSS，或者像我的情况一样，使用Java脚本”。

感谢您的帮助。

观点：1000px;不适用于IE10

2 个答案: