jQuery背景上的動畫無法在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/