jQuery.animate background-position

Question

如何在不使用插件的情况下使用jQuery的animate函数为background-position属性设置动画？ 当支持backgroundPosition时，我尝试切换回1.4.4，但它似乎只适用于IE而不适用于FF或Chrome。 我已经尝试过查看animate函数的步骤回调，但是我无法工作。

Answer 1

据我所知，jQuery没有动画背景的能力。但是有可能使用插件：

http://plugins.jquery.com/project/backgroundPosition-Effect

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

Answer 2

我有同样的问题。由Samich链接的插件是唯一可以同时击中两只鸟的方式（几乎所有浏览器中都有动画，只有JQuery / Javascript）。

这是一个替代方案，但理想情况下使用像Modernizr这样的功能检测脚本来实现兼容性：

分别对IE使用JQuery的.animate（）和background-position-x和-y（这将与最新的JQuery一起使用）。然后在support CSS transitions（除IE之外的几乎所有内容）的浏览器中，使用.css（）而不是.animate（）来更改背景位置并在样式表中设置CSS转换。

您将使用上述内容覆盖大多数浏览器，但它可能与仅使用插件不兼容。在此处查看：http://jsfiddle.net/lucylou/dVpjh/