IE中的转换无法正常工作

Transform in IE not working properly

本文关键字：常工作 工作 转换 IE      更新时间：2023-12-20

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

它在Chrome和Firefox中运行良好，但当你在IE中打开它时，它就无法正常工作。。。

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

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

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

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

IE中的部分支持是指不支持转换样式：preserve-3d属性。这样可以防止嵌套三维转换的图元。

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

编辑：
Preserve 3d没有处理ie11类似的问题，他们找到了解决方案。希望这对你也有帮助。

相关文章：