如何使这个3D转换在IE 10中工作？

Question

我正在尝试在IE10中进行CSS 3D转换工作。问题是，IE10不支持preserve-3d属性。

Microsoft CLAIMS有一个解决方法。他们的解决方案是简单地将父元素的变换应用到子元素。但是，这不起作用。

我已经做了大量的搜索以找到解决方案。有几个可以接受的答案，据称可以进行3D变换。问题是......他们真的是简单的动画，比如卡片翻转。据我所知，这首先不需要保存3d。

以下是我需要做的工作在IE10：

http://codepen.io/Joe_Temp/full/opFKu

没有人有任何想法，如果还是这可怎么实现的？

Answer 1

尽管我还没有在IE上测试过它，但在Chrome中使用卡片翻转转换从div中删除transform-style: preserve-3d;属性允许翻转操作仍然有效，但您不能拥有背面容器。所以基本上，你可以翻转图像，图像会出现倒退 - 但这就是你所能做到的。可能不是你想要的。

如果你愿意接受使用javascript，那么你有更多的选择。该资源将讨论10个不同的JS插件，所有处理翻动动作有点不同：

http://www.sitepoint.com/10-jquery-flip-effect-plugins/

我曾亲自使用flippy.js和它的工作得非常好。它是为了处理卡片翻转之间的逻辑而设计的，因此在卡片翻转之前，中间，完成之后，会带有大量的回调，它比现有的非JS解决方案更好地支持，已经遇到。

希望这会有所帮助。