1

重複の可能性：
jquery animate background position

背景要素にアニメーションが必要なボタンを取得しました。

ホバーすると矢印が下にスライドし、ホバーアウトするとバックアップがスライドします。これは Chrome で問題なく動作します。

このアニメーションは、Chrome と IE8 で正しく動作しています。

IE9: ホバーすると背景が反転し、スライド効果はありません。しかし、ホバーアウトすると、スライドアニメーションが機能します。

FF: 何もない。フリックなし...

http://egelect.com/2013/index-test.php

助言がありますか？

HTML

<div id="bienvenue">Bienvenue<span id="separator">&nbsp;</span></div>

jQuery

<script type="text/javascript">
$('document').ready(function() {
   $('#bienvenue').css({backgroundPosition: "right 100%"}).hover(
       function() {
           $(this).stop().animate({'background-position-y': "0%"}, "600");
       }, function() {
           $(this).stop().animate({'background-position-y': "100%"}, "600");
       }
   );
});
</script>
4

1 に答える 1

2

Firefoxは、 （x値とy値の両方をこの順序で）理解するbackground-position-yだけです。background-position

ただし、これは問題を解決すると主張するプラグインです。または、背景画像をレイヤード画像に置き換えて、代わりにその位置をアニメーション化することもできます。

于 2013-01-18T19:28:42.710 に答える