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

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

试试这个

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

0像素是无用的（编辑：在您的情况），它不是由有生命支持。从jQuery的文档

所有动画属性应该动画到一个单一的数值

Answer 2

你必须删除px后0我认为。所以，$('#working_wrap').animate({backgroundPosition: '30px 0'},5000);​。 这将在5秒30px后向左移动背景。

Answer 3

background-position默认情况下不支持动画。包括jQuery插件叫做jquery.backgroundPosition.js，使其工作：

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

Answer 4

看看下面的例子。明确设置背景，也为firefox 2你需要设置开始背景位置

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