jQuery Animate on Background 在 FireFox 中不起作用

【问题标题】：jQuery Animate on Background not working in FireFoxjQuery Animate on Background 在 FireFox 中不起作用
【发布时间】：2012-05-10 17:50:48
【问题描述】：

这适用于 Chrome、Safari 和 IE9。

$(".menu").animate({'background-position-y': '50%'}, 100);

但不是在 FireFox 中！

我现在有点迷茫，有没有简单的 FF 修复方法？

【问题讨论】：

background-position-y 不是 CSS 规范的一部分。见：snook.ca/archives/html_and_css/background-position-x-y

标签： jquery firefox jquery-animate

【解决方案1】：

background-position-x/y 并不是任何 CSS 规范的一部分，它的 IE 特定 CSS，添加到 IE5.5，后来由 Webkit 实现。

最好的解决方案是使用step 方法，它可以让你为任何东西制作动画。

$('elem').animate({
  'border-spacing': -1000
},
{
  step: function(now, fx) {
    $(fx.elem).css("background-position", "0px "+now+"px");
  },
  duration: 5000
});

http://jsfiddle.net/q9aeh/1/

【讨论】：