在 IE 中转换无法正常工作

Question

我编辑了一个 jsfiddle，您可以在其中翻转卡片。

在 Chrome 和 Firefox 中运行良好，但在 IE 中打开时无法正常运行...

.flip .card.flipped {
 -webkit-transform: rotatex(-180deg);
 -ms-transform: rotatex(-180deg);
}

卡的背面没有在 IE 中显示...我做错了什么？

这是小提琴：https://jsfiddle.net/MichaHumbel/asd17pb2/

Answer 1

http://caniuse.com/#feat=transforms3d

IE中的部分支持是指不支持transform-style:preserve-3d属性。这可以防止嵌套 3D 转换元素。

由于您在代码中使用了 transform-style: preserve-3d 属性，这就是问题所在。

编辑：
Preserve 3d not working on ie11 类似问题，他们找到了解决方案。希望对你有帮助。