CSS3アニメーションはIE9では機能しません。これが jfiddle link です。それらをIEで動作させることは可能ですか、それとも私はいくつかのばかげた間違いを犯していますか?動作していないコードは次のとおりです。
@-ms-keyframes rotating {
0% { -ms-transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); }
}
#rotateMe{
-ms-animation: rotating 5s linear infinite;
}
IEこの機能をサポートしていないので、 jqueryrotateプラグイン を使用してフォールバックを作成しました
iEのフォールバック関数は次のとおりです。
$(function() {
if (!$.support.transition){
var angle = 0;
var angle2 = 0;
setInterval(function(){
angle+=0.3;
angle2-=0.3;
$(".rotateRing").rotate(angle);
$(".rotateRingReverse").rotate(angle2);
},50);
}
});
CSS3アニメーションはIE9ではネイティブに機能しません。同様のスレッドがあります ここ