CSS3/Javascript : Transitions jQuery/Modernizr을 사용하는 IE 지원

(this in Codepen.io) 버튼 호버 효과에 대한 IE 7-9 지원을 어떻게 얻을 수 있는지 아는 사람 있습니까? 특히CSS3/Javascript : Transitions jQuery/Modernizr을 사용하는 IE 지원

예를 들어 :

transition-duration: 0.5s; 
transition-property: all; 
transition-timing-function: ease; 
margin-top: 5px;

내가 this을 시도하지만, 마진 탑은 애니메이션하지 않습니다. 기타는 .. ..

내가 뭘 잘못하고있어 ?? 어떤 도움에 감사드립니다.

내가 jQuery를, 모더 나이저를

...

덕분에 많은

할리

이

(사전에 사과이 뻔뻔스러운 중복 인 경우, 그냥 내가 특정 문제를 갖고있는 것 같다)

$(this).animate({margin-top:'5px'},{queue:false,duration:500});

당신은거야 :

모든 CSS 값에 적용됩니다. 두 가지를 모두 사용하면 우연히 생길 때까지 기다리는 것처럼 보입니다. – adeneo

나만이라면 모르겠지만 IE 8은 codepen 인터페이스를로드하는 데 문제가 있습니다. –

@adeneo 나는 그가 jQuery를 후퇴로, 동시에는 아니게 만들고 싶다고 생각한다. –

귀하의 문제는이 라인 하나의 camelcase를 CSS 값을 인용하거나 사용할 필요가 :

는

$(this).animate({marginTop:'5px'},{queue:false,duration:500}); 
$(this).animate({'margin-top':'5px'},{queue:false,duration:500});

이 꽤 많이 jQuery의 애니메이션을 사용할 때 CSS 전환을해야하는 이유 등 하이픈

2012-10-28 20:02:16 adeneo

아, 그래요. 네가 옳아. 감사. 관심이 없다면 ** ** 그 이유는 무엇입니까? –

@harley - '왜'는 따옴표가 없기 때문에 'margin-top'은 유효하지 않은 자바 스크립트 코드입니다. 하이픈은 속성 이름의 일부가 아니라 빼기 부호로 간주됩니다. – Spudley

@harley CSS 속성은 낙타 케이스 및 하이픈이없는 속성 이름에서 DOM에 노출됩니다. –

답변