关于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