1

我想在 Internet Explorer 中插入带有 javascript 的动画。似乎不起作用。用chrome，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方法需要两个值；第一个是新规则字符串，第二个是您希望将其添加到其他规则中的索引。

的索引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 回答