2012-08-12 14 views
9

Le animazioni CSS3 non funzionano in IE9. Ecco lo jfiddle link. È possibile farli lavorare su IE o sto facendo qualche errore stupido? Ecco il codice che non funziona:L'animazione CSS3 non funziona in IE9

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

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

Come IE doent supporta questa funzionalità io ho creato il fallback utilizzando jquery rotate plugin

qui è la mia funzione di ripiego per 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 ** non è un nativo e non fa parte di jQuery. questo viene creato da twitter bootstrap per rilevare la disponibilità delle transizioni CSS3. – Capy

risposta

18

CSS3 Animazione non funziona in modo nativo su IE9. C'è una discussione simile here

+3

Tnx per la risposta. A proposito, ho appena creato il fallback per IE usando questo plugin http://code.google.com/p/jqueryrotate/ – hjuster

Problemi correlati