javascript - IE 中的转换无法正常工作

Question

我编辑了一个可以翻转卡片的 jsfiddle。

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

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

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

这是 fiddle :https://jsfiddle.net/MichaHumbel/asd17pb2/

Answer 1

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

Partial support in IE refers to not supporting the transform-style: preserve-3d property. This prevents nesting 3D transformed elements.

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

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