2012-04-01 26 views
0

私は、左から右に連続的に動いている単純な背景イメージを持っています。 firefox以外のすべてのブラウザで素晴らしい動作をします(テストされたばかりの11)。単純なjqueryアニメーションは、Firefoxで動作していません

これはコードです:

$(document).ready(function() { 
     animateClouds();         
    }); 

    function animateClouds() { 
     $('#theclouds').animate ({ 
      'background-position-x': '+=5000' 
     }, 100000, 'linear', function() { 
      animateClouds();    
     }); 
    } 
+2

Firefoxは'のbackground-position-X 'のCSSプロパティ – safarov

+0

をサポートしていません。誰かがあなたのページに1:40秒以上滞在するとどうなりますか? –

答えて

2

CSS仕様にはbackground-position-xプロパティがありません。とにかくそれをサポートするブラウザもあります。 Firefoxは起こらない。

1

これを使用するとこの問題は解決します。私はそれを自分自身を使用しましたし、それは素晴らしい作品:さておき、あなたは `setInterval`を使用して、これをアニメーション化したほうが良いだろうと

https://github.com/Poetro/jQuery.backgroundPosition

関連する問題