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。