我编辑了一个jsfiddle，您可以在其中翻转卡片。
它在Chrome和Firefox中可以正常工作，但是当您在IE中打开它时，它无法正常工作...
.flip .card.flipped {
-webkit-transform: rotatex(-180deg);
-ms-transform: rotatex(-180deg);
}
IE上未显示卡的背面...我在做什么错？
http://caniuse.com/#feat=transforms3d
IE中的部分支持是指不支持transform-style：preserve-3d属性。这样可以防止嵌套3D变换后的元素。
由于您在代码中使用的是transform-style：preserve-3d属性，因此出现了这个问题。
编辑：
保留3d无法处理ie11类似问题，他们找到了解决方案。希望对您有帮助。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句