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);