为什么这个背景没有动画？

Question

我有一个简单的挑战，背景没有动画。

之前我使用过此代码，所以我有点不知所措。

代码是：

html（我可以看到重复的背景）。

<div id="working_wrap"></div>​

jquery的：

$('#working_wrap').animate({backgroundPosition: '30px 0px'}, 5000);​

I've created a jsfiddle of the simple problem。背景应该立即开始制作动画。

我现在失去了什么模糊的大脑？

Answer 1

我认为你必须删除px。

所以，$('#working_wrap').animate({backgroundPosition: '30px 0'},5000);​。 这将在5秒30px向左移动背景。

Answer 2

试试这个

$('#working_wrap').animate({backgroundPosition: 30},5000);

0px没用（编辑：在你的情况下）并且动画不支持它。来自Jquery doc

  

应将所有动画属性设置为单个数值

Answer 3

查看以下示例。明确设置背景，对于firefox 2，您需要设置开始背景位置

http://jsfiddle.net/w43LJ/4/

Answer 4

默认情况下不支持

background-position动画。包含一个名为jquery.backgroundPosition.js的jQuery插件，使其工作：

http://www.protofunc.com/scripts/jquery/backgroundPosition/