jquery - この背景の位置をアニメートするのはどこが間違っていますか？

Question

コード：

$('#mappa-content').animate({ backgroundPosition: "0 -54px" }, 500);

背景の画像は動いていません。なんで？どうすれば修正できますか？

Answer 1

セレクターの引用：

$('#mappa-content').animate({ backgroundPosition: "0 -54px" }, 500);

Answer 2

箱から出してアニメートすることはできませんbackground-position。

プラグインを使用してサポートを追加できます（サイトは現在ダウンしているため、ここにミラーがあります）。

background-position-xとをアニメーション化することはできますがbackground-position-y、これらのプロパティはFirefox/Operaなどではサポートされていません。

Answer 3

これを試して：

$('#mappa-content').animate({'background-position-x':'-54px'},500);