jQuery .animate() 具有多个值的单个 CSS 属性

Question

我正在尝试使用 jQuery 的 .animate() 方法为元素的背景位置设置动画。 background-position 属性通过同时定义 x 和 y 值来设置，如下所示:

background-position: 100px 100px;

Webkit 现在支持 background-position-x 和 background-position-y，但 Firefox 尚不支持。如果我只为一个值设置动画 —

例如。$(div).animate({'background-position':'200px'}, 1000); — 它会自动为 X 值而不是方式设置动画。我找不到独立动画 Y 值的方法。

是语法正确的问题吗？连接的一些技巧？

注意:我确实使用 background-position-y 让它在 webkit 中工作，但也希望 FF 支持。

Answer 1

只需使用以下内容:

background-position:0 200px;

其中 0 是 x，200 是 y:

background-position:x y;