为什么我不能为backgroundPosition设置jquery 1.4.4的动画?

我在这里看到j​​query 1.5.0中缺少backgroundPosition动画是一个已知的bug。 它还没有修好吗?

看看这个jsfiddle ,在jquery 1.4.4中使用backgroundPosition动画,然后查看这个,看看它甚至在jquery 1.7.1中都不起作用。

什么时候他们要解决这个问题?

我想知道,因为我刚在Chrome控制台中看到一条警告说:

event.layerX和event.layerY在WebKit中被破坏和弃用。 它们将在不久的将来从发动机中移除。

我担心我将继续使用jquery 1.4.4来制作动画function,但Chrome会在下次更新时提取function。

UPDATE

接受的答案是,使用background-position-x和y的想法不适用于Firefox。 现在我将不得不回到1.4.4,直到找到更好的解决方案。

您需要分别指定background-position-x-y如下所示:

 $('div').animate({ 'background-position-x': '-6000px', 'background-position-y': '-200px' }, 4000); 

工作实例。 (jQuery 1.7.1)

作为旁注,由于你的background-position-y没有改变,你可以简单地省略那个额外的行并只改变你的-x

我在这里遇到了同样的问题: “烟雾缭绕”效果javascript精灵动画

似乎1.4.4以上的jQuery的新版本能够以破坏精灵动画为代价来实现平滑的背景滚动效果,这些动画实际上依赖于视觉的持久性。 我会说动画function不适用于此,但它刚刚起作用(TM)。

为了制作我的背景位置精灵动画,我使用setTimeout编写了一个函数

http://jsfiddle.net/Y7Ek4/22/

它的级别更低,但根本不是更多的代码。