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 的评论放入答案中：从版本 10 开始，IE 支持 CSS3 动画。如果您不确定浏览器是否支持，请查看 caniuse.com - 该页面很少出错，因为表格是基于来自浏览器开发人员的测试和信息。这是 css3-animation 支持概述的链接： http: //caniuse.com/#feat=css-animation

对于 IE9（和更早版本），您必须依赖 JavaScript 并接受动画不起作用。

于 2012-08-24T06:45:03.360 回答