IE9でのCSS3アニメーションの使用+

私はこのCSS3アニメーションをIE9で数時間働かせようとしていましたが、私は困惑しています！IE9でのCSS3アニメーションの使用+

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

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

http://jsfiddle.net/fJxsV/

私はそれがまたIE9上で実行して持っていると思います。

お手数でもお手伝いできれば幸いです！

出典

2012-01-30 Mathew Hood

+10

CSS3トランジションやアニメーションはIE9で動作しません：私が使用するjQueryを使って回転させるよう

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

：Modernizrと、それは同じくらい簡単です。彼らはIE10で動作するはずです*。 –

jQueryライブラリを使ってIE9で動作します。私はちょうどこれを実装する方法を知らない。 http://addyosmani.com/blog/css3transitions-jquery/ –

あまりにも:)。このプラグインは移行サポートをテストし、サポートが検出された場合は純粋なCSS遷移を使用します。それ以外の場合は、jQueryの内部アニメーション関数を使用してアニメーションを実行します。プラグインはIE9でCSS3遷移を有効にしません。jQueryは回転アニメーションをネイティブにサポートしていません。あなたはこのようなプラグインを使う必要があります：http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html、これはフォールバックタイプのものをあなたのリンクごとに。だから* IE9で動作しなければならないなら、ネイティブCSS3のことについて心配しないでください。このプラグインを使ってJSのアニメーションをすべてやってみてください。 –

CSSアニメーションがサポートされていない場合は、Modernizrを使用して検出します。 http://jqueryrotate.com/

出典

2013-03-05 00:18:45 eivers88

それは答えではありません。問題はどうしたのです！ –

質問はすでに上記のコメントで答えられています（CSS3のトランジションとアニメーションはIE9では動作しません）。私の答えはIE9でCSS3のアニメーションを使用できないという事実に対する解決策です。 – eivers88

jQueryについて言及していただきありがとうございます。 – LINQ

IE9でのCSS3アニメーションの使用+

答えて

関連する問題