1

のアニメーション@keyframesがIEで機能していません。ネット上では、さまざまな情報源がIE9でサポートされていると言っていますが、サポートされていないと言う人もいます。誰かが私がその方向で働くのをやめるべきであることを確かに知っていますか…そして、そうでなければ、@-ms-keyframesそれはIEの接頭辞だと思います…ありがとう！

@-webkit-keyframes move {
  0% {left: 0px;}
  49% {left: 940px; opacity: 1;}
  50% {left: 940px; opacity: 0;}
  51% {left: -940px; opacity: 0;}
  52% {left: -940px; opacity: 1;}
  100% {left: 0px;}
}

@-webkit-keyframes backup {
  0% {left: -940px;}
  100% {left: 940px;}  

}  

@-moz-keyframes move {
  0% {left: 0px;}
  49% {left: 940px; opacity: 1;}
  50% {left: 940px; opacity: 0;}
  51% {left: -940px; opacity: 0;}
  52% {left: -940px; opacity: 1;}
  100% {left: 0px;}
}

@-moz-keyframes backup {
  0% {left: -940px;}
  100% {left: 940px;}  

}  

@-ms-keyframes move {
  0% {left: 0px;}
  49% {left: 940px; opacity: 1;}
  50% {left: 940px; opacity: 0;}
  51% {left: -940px; opacity: 0;}
  52% {left: -940px; opacity: 1;}
  100% {left: 0px;}
}

@-ms-keyframes backup {
  0% {left: -940px;}
  100% {left: 940px;}  

}
4

1 に答える 1

6

またはrobertcのコメントを答えに入れる：CSS3アニメーションはバージョン10以降のIEでサポートされています。ブラウザのサポートについて不明な点がある場合は、caniuse.comを確認してください。表はブラウザ開発者からのテストと情報に基づいているため、このページが間違っていることはめったにありません。css3-animationサポートの概要へのリンクは次のとおりです：http：//caniuse.com/#feat=css-animation

IE9（およびそれ以前のバージョン）の場合、JavaScriptに依存し、アニメーションが機能しないことを受け入れる必要があります。

于 2012-08-24T06:45:03.360 に答える