我在哪裏錯了動畫這個背景位置？

Question

代碼：

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

在背景圖像不移動。爲什麼？我該如何解決它？

Answer 1

你不能動畫background-position開箱。

您可以使用a plugin添加支持（該網站暫時關閉，因此here's a mirror）。

您可以爲background-position-x和background-position-y創建動畫，但這些屬性在Firefox/Opera中不受支持。

Answer 2

語錄中選擇：

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

Answer 3

試試這個：

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