삽입 CSS 애니메이션 Internet explorer javascript

Internet Explorer에 자바 스크립트가있는 애니메이션을 삽입하고 싶습니다. 일하지 않는 것 같습니다. 크롬, 아무 문제 없습니다. 이 링크를 확인하시기 바랍니다 :삽입 CSS 애니메이션 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

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

데모에이 인덱스를 추가는 문제를 해결? 애니메이션은 Internet Explorer 10에서만 작동해야합니다. – david

어떤 IE에서 테스트 중이십니까? IE8 이하에서는 전체 CSS3을 지원하지 않습니다. – Vucko

@Vucko IE9 및 10조차도 아닙니다. 특히 IE9는 애니메이션을 지원하지 않습니다. – MaxArt

insertRule 메서드는 두 값을 필요로합니다. 첫 번째 규칙은 새 규칙 문자열이고 두 번째 규칙은 다른 규칙 중에서 추가하려는 인덱스입니다.

0의 색인은 규칙을 맨 위로 올리며 전체 규칙 수와 동일한 색인은 규칙의 맨 아래로 밀어 넣습니다. 당신이 사용하는 인터넷 익스플로러의 버전을 http://jsfiddle.net/273e2/19/show/

출처

2013-04-08 21:08:14 Sampson

고마워요.하지만 차이는 없습니다. –

@Abc [그것은 모든 차이를 만들었습니다] (http://jsfiddle.net/273e2/19/show/); IE10에서 데모를 열었지만 제대로 작동하지 않았습니다. 색인을 추가하고 그것을 수정했습니다. – Sampson

나는 그것을 내일 시험 할 것이다. 나는 이미 그것을 시도했다고 생각했다. –

삽입 CSS 애니메이션 Internet explorer javascript

답변

관련 문제