jQuery的动画不工作的Safari浏览器(jQuery animate not working

我有这样的jQuery代码，动画一个div。 它完美的Firefox和Chrome，但在Safari它不动，它只是旋转，并在Internet Explorer其移动而不转动！ 解决这个任何想法表示赞赏。

jQuery的：

$(document).ready(function()
{   
  $(".plane").animate({
    'top':'-=0px',
    'left':'+=0px',
    rotate:-50
    }, 500, 'swing');

  $(".plane").animate({
    'top':'-=35px',
    'left':'+=590px',
    rotate:-60
    }, 7000, 'easeOutQuart');

  $(".plane").animate({
    'top':'-=0px',
    'left':'+=0px',
    rotate:25
    }, 2000, 'swing');

  $(".plane").animate({
    'top':'+=30px',
    'left':'+=10px',
    rotate:20
    }, 2000, 'easeInOutCubic');

  $(".plane").animate({
    'top':'-=0px',
    'left':'+=0px',
    rotate:10
    }, 1000, 'swing');

  $(".plane").animate({
    'top':'+=270px',
    'left':'+=180px',
    rotate:0
    }, 5000, 'easeInOutCubic');

  $(".plane").animate({
    'top':'-=0px',
    'left':'+=0px',
    rotate:-130
    }, 1000, 'swing');

  $(".plane").animate({
    'top':'-=490px',
    'left':'+=60px',
    rotate:-120
    }, 5000, 'easeInOutCubic');

  $(".plane").animate({
    'top':'-=0px',
    'left':'+=0px',
    rotate:-250
    }, 1000, 'swing');

  $(".plane").animate({
    'top':'+=150px',
    'left':'-=200px',
    rotate:-270
    }, 5000, 'easeInOutCubic');





 });

CSS：

.plane {
background-image:url('ab.png');
position:absolute;
width:48px;
height:48px;
top:400px;
left:0;
}

Answer 1:

（由OP在编辑来回答过的问题在这里转录为社区维基答案。 -即使它有点简洁见问题有没有答案，但问题的意见解决（或在聊天扩展） ）

该OP写道：

那么在超过200点的观点也没有答案，我找到了解决办法，我把它放在这里为那些谁面临着同样的问题。 你需要改变你的元素的位置，以“相对”。

文章来源: jQuery animate not working on safari