jQuery Animate on Background无法在FireFox中运行

Question

适用于Chrome，Safari和IE9。

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

但不是在FireFox中！

我现在有点迷失了，对FF有简单的解决方法吗？

Answer 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/