2013-10-23 5 views
1

다른 주요 브라우저에서 작동하는 간단한 CSS 플립 애니메이션을 만들었습니다. 몇 가지 이유로 IE 9.0 또는 1.0에서는 작동하지 않는 것 같습니다.IE 9 또는 10에서 CSS 뒤집기 애니메이션이 작동하지 않습니다.

jsbin 처리기. http://jsbin.com/IQUqUBe/1/

다음은 내가 본 링크입니다.

  1. https://github.com/vinothbabu/3DFlipper

  • http://davidwalsh.name/demo/css-flip.php
  • 내가 알아낼 수없는 나는 어디에서이 문제를 일으키는 원인이되고 그 z-index 또는 기타 재산 너희들이 어떻게 에 제안 할 수 있는지 문제입니다 가능한 경우 CSS 코드 디버그. 당신이 "문제"탭에 가면 http://caniuse.com/#search=transition

    , 당신이 그것을 볼 수 있습니다 :

    +5

    IE에서 너무 많은 것을 기대하고 있습니다. –

    +4

    @ Alien 특정 문제를 언급하지 않고도 이러한 종류의 주석은 단순한 트롤입니다. IE는 특히 이전 버전보다 나쁘지 않습니다. – Kaidjin

    +0

    너무 오래 기다리고 있습니다. –

    답변

    0

    그것의가 아니다는 상단에 DOCTYPE을 설정 <!DOCTYPE html>이 쿼크 모드에서 IE를 취할 것입니다. 아래는 똑같은 바이올린입니다.

    http://jsbin.com/IQUqUBe/3/edit

    는 IE에 작업에 코드를해야한다.

    0

    나는 문제가 특별히이지만, 여기 IE9에서 작동하지 않는 전환을 말하는 링크입니다 모르겠어요 IE10 (및 기타)의 before 및 : after와 같은 pseudo-elements 옆에는 작동하지 않습니다.

    편집 : 주석에서 지적한대로 : hover는 가상 클래스이며 링크는 IE10에서는 작동하지 않는다고 말하지 않습니다. 나는 아직도 그것이 작동하지 않는 이유를 모른다.

    접두어 -ms-을 삭제 해 보셨습니까? 외관상으로는 IE10은 접두어없이 전환을 지원합니다.

    +0

    링크에 따라 IE 10에서 작동하지 않아야합니다. –

    +0

    켜기 : 켜짐 요소. 테이블 아래의 "Issues"탭을보십시오. – Kaidjin

    +0

    : 호버는 의사 _ 요소가 아니며 의사 _class_입니다. 여기에 관련 문제가 있어서는 안됩니다. – CBroe

    1

    디버깅 CSS 코드의 경우 개발자 도구를 사용할 수 있습니다.

    • 파이어 폭스을 위해 가장 좋은 방법은
    • Firebug 크롬를 들어, 개발자 도구가되는 내장 될 것이다. 간단히 에 대한 IE을 F12
    • 을 누르면이 IE 10에서 작동하지 않는 Internet Explorer Developer Toolbar
    관련 문제