2014-12-24 3 views
0

여기는 무엇이 진행되고 있는지 쉽게 볼 수 있도록 붙여 넣기 링크입니다. http://pastebin.com/jGQk2JJ8 해결하기 쉬운 문제 일 수 있습니다.CSS3 애니메이션이 Safari 또는 IE에서 작동하지 않습니다.

감사합니다.

+0

unprefixed 속성 다음에 공급 업체별 속성을 먼저 쓰고 싶을 수 있습니다. 나는. '.loaded' 셀렉터는 다음과 같습니다 :'-webkit-transform : translateX (0px); transform : translateX (0px);'. IE9 +의 공급자라면'-ms-transform : translateX (0px)'를 추가해야합니다. – 0x2D9A3

+0

나는 그걸 다했는데 0 개의 차이를 만들었습니다. –

답변

0

먼저 브라우저 지원을 먼저 확인할 수 있습니다.

사파리 브라우저는 일반적으로 CSS3 애니메이션 이벤트를 지원하지만 모든 버전이 지원하는 것은 아닙니다.

here을 확인하고 사파리 버전과 비교해보십시오.

+0

IE에서 작동하지 않아 버전 문제가 아니므로 자바 스크립트에 문제가 있습니다. –

+0

먼저 IE 지원을 위해 -ms- 접두어를 사용해야합니다. IE는 웹킷 브라우저가 아닙니다. Safari는 웹킷 브라우저입니까? Chrome에서 정상적으로 작동하나요? – Leonidas

+0

그래, -ms-를 추가 했는데도 여전히 같은 문제가있다. 크롬과 파이어 폭스에서 작동하고있다. 그렇다. 나는 CSS와는 아무런 관련이 없다고 말했다. –

관련 문제