これはChrome、Safari、IE9で機能します。
$(".menu").animate({'background-position-y': '50%'}, 100);
しかし、FireFoxにはありません!
私は今少し迷っていますが、FFの簡単な修正はありますか?
これはChrome、Safari、IE9で機能します。
$(".menu").animate({'background-position-y': '50%'}, 100);
しかし、FireFoxにはありません!
私は今少し迷っていますが、FFの簡単な修正はありますか?
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
});