JqueryアニメーションはIEで動作しませんか？

Question

jqueryを使用してイメージの背景位置をアニメーション表示します。現代のブラウザでは動作しますが、IEでは動作しません。すべてのヘルプははるかに高く評価され、感謝:)

$("#btn-home").click(function(){ 
    $('#line').animate({backgroundPosition: '0px 0', duration:2000}); 
    }) 
    $("#btn-intro").click(function(){ 
    $('#line').animate({backgroundPosition: '116px 0', duration:2000}); 
    }) 
    $("#btn-prizes").click(function(){ 
     $('#line').animate({backgroundPosition: '231px 0', duration:2000}); 
     }) 
    $("#btn-part").click(function(){ 
     $('#line').animate({backgroundPosition: '345px 0', duration:2000}); 
     }) 
    $("#btn-prog").click(function(){ 
     $('#line').animate({backgroundPosition: '460px 0', duration:2000}); 
     }) 
    $("#btn-judge").click(function(){ 
     $('#line').animate({backgroundPosition: '575px 0', duration:2000}); 
     }) 
    $("#btn-past").click(function(){ 
     $('#line').animate({backgroundPosition: '690px 0', duration:2000}); 
     }) 

Answer 1

この

$('#line').animate({backgroundPosition: '345px 0'}, 2000); 

Answer 2

$("#btn-home").click(function(){ 
    $('#line').animate({backgroundPosition: '0px 0', duration:2000}); 
    }) 

が間違って試してみてください。

アニメにはduration: {NUMBER}のようなものはありません。

試してみてください。

$("#btn-home").click(function(){ 
    $('#line').animate({backgroundPosition: '0px 0', 2000}); 
    })