CSS3旋转瓷砖翻转不'；你不能在Internet Explorer中工作吗？

我使用以下代码创建了CSS3平铺翻转效果：

HTML:

然而，正如可以看到的那样，效果并没有正常工作。在Chrome、Firefox和Safari上，它正确地显示每个磁贴的背面图像，但Internet Explorer只是镜像正面图像

我怎样才能解决这个问题？任何帮助都将不胜感激

阅读

最后，为了支持IE10+，您需要将旋转应用于两侧，而不是其容器。。（）

<div class="flip-container">
<div class="flipper">
<div class="front img1">
</div>
<div class="back" id="back1"></div> // img1 and back1 are specified in the CSS with the background-image property.
</div>
</div>

.flip-toggle.flip .flipper {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.back {
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border: 0;
}