在动画这个背景位置我错了哪里？

Question

代码：

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

背景中的图像没有移动。为什么？我该如何解决？

Answer 1

选择器中的引文：

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

Answer 2

您不能开箱即用background-position动画。

您可以使用a plugin添加支持（网站目前已关闭，因此here's a mirror）。

您可以为background-position-x和background-position-y设置动画，但Firefox / Opera不支持这些属性。

Answer 3

试试这个：

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