Вставить css animation internet explorer javascript

Я хочу вставить анимацию с javascript в Internet Explorer. Кажется, не работает. С хром, нет проблем. Пожалуйста, проверьте эти ссылки:Вставить css animation internet explorer javascript

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. Вставка анимации во время работы кажется неработоспособной.

источник

2013-04-08 MR.ABC

какая версия исследователя интернета вы используете? анимации должны работать только из Internet Explorer 10. – david

В каком IE вы тестируете? IE8 и менее не поддерживают полный CSS3. – Vucko

@Vucko Даже IE9 и 10. В частности, IE9 не поддерживает анимацию либо ... – MaxArt

Метод 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-08 21:08:14 Sampson

спасибо, что знаю, но не имеет никакого значения. –

@Abc [Все это имеет значение] (http://jsfiddle.net/273e2/19/show/); Я открыл вашу демоверсию в IE10, и это не сработало. Я добавил индекс и исправил его. – Sampson

ОК, я попробую завтра. Я думал, что уже пробовал. –

Вставить css animation internet explorer javascript

ответ

Смежные вопросы