2012-01-30 17 views
23

Bu css3 animasyonlarını bugün birkaç saatliğine IE9'da çalışmaya çalışıyorum ve şaşırıyorum!IE9'da CSS3 Animasyonlarını Kullanma +

Birkaç JavaScript yedeğini uygulamaya çalıştım ancak bilgilerim çok sınırlı olduğundan başarısız oldular. Kullanıcı hatalarımdan veya kod hatalarından dolayı başarısız olursa emin değilim.

Şimdiye kadar benim kodumun jsKalkısı, arka plan resimlerini renklerle değiştirdim. Temel olarak yeşil ve siyah kareler Firefox ve Webkit tarayıcılarında döner.

http://jsfiddle.net/fJxsV/

Ben de IE9 üzerinde çalışan olmasını istiyorum.

Bu konuda bana yardımcı olabilirseniz çok minnettar olurum!

+10

CSS3 geçişleri ve animasyonlar IE9 çalışmaz: Ben kullanırım jQuery ile dönen gelince

if(!Modernizr.cssanimations) { //jQuery fallback } 

: Modernizr ile, kadar basit. IE10'da * çalışmalılar. –

+0

IE9'da jQuery kitaplıkları ile çalışarak çalışırlar. Bunu nasıl yapacağımı bilmiyorum. http://addyosmani.com/blog/css3transitions-jquery/ –

+0

Tam olarak değil :). Bu eklenti geçiş desteği için test eder ve destek tespit edilirse, saf CSS geçişleri kullanır. Aksi halde, animasyonu gerçekleştirmek için jQuery'nin dahili animasyon işlevlerini kullanır. Eklenti IE9'da CSS3 geçişlerini etkinleştirmez ve jQuery rotasyon animasyonlarını doğal olarak desteklemez. Bunun gibi bir eklenti kullanmanız gerekir: http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html, ancak bu geri alma türü bağlantınıza göre. Yani eğer * IE * IE9'da çalışıyorsa, yerel CSS3 şeyleri için endişelenmeyin, sadece bu eklentiyi kullanarak JS'deki tüm animasyonu yapın. –

cevap

24

CSS animasyonlarının desteklenmediğini algılamak için Modernizr kullanırım. http://jqueryrotate.com/

+2

Bu cevap değil. Soru şu ki! –

+2

Soru, yukarıdaki yorumlarda zaten yanıtlanmıştır (CSS3 geçişleri ve animasyonları IE9'da çalışmaz). Cevabım, IE9'daki CSS3 animasyonlarını kullanamayacağınız bir çözüm. – eivers88

+0

jQuery döndürme için çok teşekkür ederiz. – LINQ