FireFoxで動作しないjQueryアニメーション

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/