logo标签列表

CSS3 RotateY翻转在Internet Explorer中无法工作？

cssinternet-explorercss-transforms
3
我用以下代码创建了一个CSS3翻转瓷砖效果：
HTML：
<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>

CSS：
.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;
}

然而，如此处所示，效果无法正常工作。在Chrome、Firefox和Safari上，它可以正确显示每个瓷砖的背景图像，但在Internet Explorer上，它只是镜像显示正面图像。
我该如何解决这个问题？非常感谢任何帮助！
1个回答
2
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接