Chromeでgifを機能させることに問題があるようです。FireFoxとOperaでは問題なく動作しますが、Chromeでは少しスクロールし続けた場合にのみ動作するようです。gifを含むレスポンシブ視差Webサイトを構築していることを知っておくと便利かもしれません。これに関する情報は見つかりません。Chromeでgifがまったく再生されない場合があるだけです。
32803 次
2 に答える
2
これを修正する必要があるかどうかはわかりませんが、GIFが背景画像の場合はこれを行う必要がありました。ChromeはGIFをキャッシュするため、1回だけ再生されます。jQueryで再度再生するには、アニメーションを「強制」する必要があります。
<script type="text/javascript">
$(document).ready(function () {
$("#myContainer").css("background-image", "url(/images/myAnimation.gif?"+ Math.random() + ")" );
});
</script>
ほとんどの場合、GIF URLの最後に乱数を追加して、画像の新しいインスタンスであると見なすため、ブラウザにアニメーションの再生を強制します。ブラウザでJSの問題が発生した場合に備えて、要素の背景のCSSにGIFを配置します。
一種のハッキーですが、それは機能します。
于 2014-02-21T20:41:33.600 に答える
1
問題は、gifが100%の背景として設定されていたことです。html内に画像として配置すると、再び機能しました。これは理由を説明していませんが、回避策を提供します。
于 2013-03-08T10:41:55.410 に答える