jQuery 애니메이션이 사파리에서 작동하지 않습니다.

Question

div가 움직이는이 jQuery 코드가 있습니다. Firefox와 Chrome에서 완벽하게 작동하지만 사파리에서는 움직이지 않고 그냥 회전하며 인터넷 탐색기에서는 회전하지 않고 이동합니다. 이 문제를 해결하기위한 아이디어는 높이 평가됩니다.

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에 의해 답변 커뮤니티 위키 답변을 여기에 옮겨 - 심지어는 조금 간결하지만보기 Question with no answers, but issue solved in the comments (or extended in chat))

영업 썼다 :

200 건이 넘는 견해와 답이없는 글쎄, 나는 해결책을 찾았고, 나는 똑같은 문제에 직면 한 사람들을 위해 여기에 넣을 것이다. 요소의 위치를 ​​"상대적"으로 변경해야합니다.