关键帧动画在ajax调用之后在ie11中不起作用,在ie10中工作正常

时间:2014-03-03 10:48:43

标签: animation internet-explorer-11

我整个上午一直在与这个问题作斗争: 我有一个简单的关键帧动画,可以在chrome,safari,firefox和ie10中正常工作,但是使用ie11它不起作用,或者至少在ajax调用之后不起作用。 如果我将它放在页面的主体中,动画效果很好,但如果我把它放在ajax调用的返回html中,它就会停止工作。这是我的代码:

<div class="ie-animation-test">
    test
</div>


.ie-animation-test {
  position: absolute;
  background: red;
  top: 0;
  left: 0;
  z-index: 999999999;
  animation: 3s infinite ie-anim-test ;
}

@keyframes ie-anim-test {
  0% {
    top: 0;
    left: 0;
  }

  50% {
    top: 200px;
    left: 200px;
  }
  100% {
    top: 400px;
    left: 0;
  }
}

0 个答案:

没有答案