关于animation在IE中不能正常播放的问题，求解答！

Question

HTML结构：<div class="title"><img /></div>

CSS结构：

div.title{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    animation:loop 4s 6.8s linear infinite;

    overflow:hidden;

}

div.title img{ max-width:100%; }

@keyframes loop{

    from{transform:translate(-50%,-50%)}

    50%{transform:translate(-50%,-60%)}

    to{transform:translate(-50%,-50%)}

}

----------------------------------------------------------------------------------

在IE中loop动画播放了一次就没法正常播放了，之后变成了

from{transform:translate(0,0)}

50%{transform:translate(-50%,-60%)}

to{transform:translate(-50%,-50%)}

的样子，求解答！

注：以上都是加了前缀的

Answer 1

亲测 xp ie 7 8 无效, win7 ie 8 9 无效, win ie 10 动画不太正常 还会左右动, 老版本ie是在css3之前出的,兼容不定出什么问题,想兼容ie最保险的if ie $(".title").animate