1

Internet Explorerでjavascriptでアニメーションを挿入したいです。動作しないようです。クロームならff問題なし。これらのリンクをチェックしてください:

var style = document.documentElement.appendChild(document.createElement("style")),

rule="@keyframes test{ 0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} ";
style.sheet.insertRule(rule);

$(".mojo")[0].style["animation"] = " test 3s ease-out both infinite";

http://jsfiddle.net/273e2/17/

アニメーションは IE10 で動作していますか。実行時にアニメーションを挿入してもうまくいかないようです。

4

1 に答える 1

2

insertRuleメソッドには 2 つの値が必要です。1 つ目は新しいルール文字列で、2 つ目は他のルールに追加するインデックスです。

のインデックスは0ルールを一番上にプッシュし、ルールの合計数に等しいインデックスはそれをルールの一番下にプッシュします。

// Add a new rule to the bottom of the first stylesheet
sheet.insertRule( rule, sheet.rules.length );

このインデックスをデモに追加すると、問題が修正されます: http://jsfiddle.net/273e2/19/show/

于 2013-04-08T21:08:14.200 に答える