2

これはChrome、Safari、IE9で機能します。

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

しかし、FireFoxにはありません!

私は今少し迷っていますが、FFの簡単な修正はありますか?

4

1 に答える 1

3

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/

于 2012-05-10T17:54:09.667 に答える