web-dev-qa-db-ja.com

IE9 +でCSS3アニメーションを使用する

私はこれらのcss3アニメーションをIE9で今日数時間動作させようとしていますが、困惑しています!

いくつかのJavaScriptフォールバックを実装しようとしましたが、私の知識は非常に限られているため失敗しました。ユーザーエラーまたはコードエラーが原因で失敗したかどうかはわかりません。

ここに私のコードのjsFiddleがあります。背景画像を色に置き換えました。基本的に、FirefoxおよびWebkitブラウザーでは緑と黒の四角が回転します。

http://jsfiddle.net/fJxsV/

IE9でも実行したいです。

これで私を助けていただければ、とても感謝しています!

24
Mathew Hood

Modernizr を使用して、CSSアニメーションがサポートされていないことを検出します。 Modernizrでは、次のように簡単です。

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

JQueryでのローテーションについては、次のように使用します。 http://jqueryrotate.com/

24
eivers88