CSS动画无法在IE中使用

Question

我创建了一个3D立方体图像滑块。 这在chrome和firefox上工作正常，但在IE上却不能。 这是代码 。

setInterval(function(){
    $(".cubeSpinner").css("transform","rotateY("+(index * -90)+"deg)");
    index++;
},1500);

有人可以告诉我如何修复IE。

谢谢

Answer 1

看看这两页-W3学校和CSS欣赏

它会给你这个-

.enjoy-css {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: none;
font: normal 16px/1 "Times New Roman", Times, serif;
color: black;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-transform: rotateX(30deg);
transform: rotateX(30deg);
}

重要的是这一点-

-webkit-transform: rotateX(30deg);
transform: rotateX(30deg);

我不使用IE，但这应该可以。 （我希望）

您需要做的是让jQuery更改两个 CSS位。

另外，请确保您使用的是IE10或更高版本。 这将解决HTML的bug 吨 。

希望这可以解决您的问题！ 😃

编辑：这是我制造的小提琴 。 也许要测试IE。