希望有人能在正确的方向上引导我，因为我已经尝试了几个小时，并且似乎无法提出CSS / Javascript的跨浏览器组合。
基本上，我想做的是使用CSS和Javascript进行“卡片翻转”。
该代码在Google Chrome浏览器中可以很好地工作，但是我似乎无法在IE9 / 10中使用它。
这是示例jsFiddle。
在IE10中查看相同的jsfiddle时，您只会看到卡的背面，并且动画不起作用。
有什么建议么？
Ignore this - need a code snippet to post the above jsFiddle link.
最佳答案
jsFiddle示例仅适用于Chrome（更确切地说是Webkit浏览器）。
这是很合理的，因为这里仅使用css -webkit属性。
您要使用的Card Flip动画也应该可以在IE10上完美运行（甚至您的问题中没有提到Firefox）
查看您需要使用的W3school page for more details on the 3D Transforms CSS properties。
现在的问题是：IE9。
IE9不提供CSS动画。您必须使用后备
使用Javascript（jQuery动画）。
IE9没有提供旋转的可能性。但是，它提供了flipX。
是的，您将没有3D效果，但仍然有
翻转效果。
IE9的翻转属性是
filter: FlipH;
-ms-filter: "FlipH";
关于javascript - 旋转变形+ IE9/10有问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18371660/