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类似的问题，他们找到了解决方案。希望它也有帮助，你也是。