观点:1000px;不适用于IE10

时间:2013-10-28 01:22:04

标签: css css3

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

2 个答案:

答案 0 :(得分:3)

您的问题可能不是perspective: 1000px;,可能是transform-style: preserve-3dunsupported in IE10

答案 1 :(得分:0)

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

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

感谢您的帮助。