0

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

2 回答 2

3

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

于 2013-10-28T01:38:39.383 回答
0

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

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

感谢帮助。

于 2013-10-28T16:34:40.800 回答