2012-08-12 16 views
9

IE3ではCSS3アニメーションが機能しません。ここにはjfiddle linkがあります。 IE上で動作させることは可能でしょうか、まったく間違っていますか?ここでは動作しないコードされていますIE3でCSS3アニメーションが機能しない

@-ms-keyframes rotating { 
    0% { -ms-transform: rotate(0deg); } 
    100% { -ms-transform: rotate(360deg); } 
} 

#rotateMe{ 
    -ms-animation: rotating 5s linear infinite; 
} 

IEがこの機能をサポートしてdoentように私はjquery rotate plugin

を使用してフォールバックを作成しているが、ここで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); 
    } 
}); 
+1

** $。support.transition **はネイティブではなく、jQueryの一部ではありません。これは、CSS3トランジションの可用性を検出するために、twitterブートストラップによって作成されます。あなたの返信は – Capy

答えて

18

CSS3アニメーションIE9でネイティブに動作しません。同様のスレッドがあります。here

+3

Tnxです。 Btw、このプラグインを使用してIEのフォールバックを作成しました。http://code.google.com/p/jqueryrotate/ – hjuster