Chrome中的動畫gif無法正常工作

gif在Chrome中運行似乎存在問題。它在FireFox和Opera中都能正常工作，但在Chrome瀏覽器中，只有當我滾動一下時纔會起作用。知道我正在構建一個響應式視差網站，並在其中添加gif可能會很有幫助。我找不到任何有關這方面的信息，只有Chrome有時根本不會播放GIF。Chrome中的動畫gif無法正常工作

來源

2013-01-12 Miet

我使用Chrome和GIF動畫爲我工作的很好。你能夠發佈一個樣本GIF爲你打破了嗎？ – JBentley

我不能發佈網站，但我不知道如果網站是響應或使用視差滾動有問題。 gif被設置爲100％的背景 – Miet

以下是gif：http://miet.be/images/gifke.gif – Miet

問題是gif被設置爲100％的背景。當把它作爲一個圖像內的HTML，它再次工作。這並不能解釋爲什麼，但它確實提供瞭解決方法。

來源

2013-03-08 10:41:55 Miet

不知道你是否仍然需要修復這個，但這是我在GIF是背景圖像時必須要做的。 Chrome會緩存GIF，因此只能播放一次。你必須'強制'動畫再次使用一些jQuery。

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#myContainer").css("background-image", "url(/images/myAnimation.gif?"+ Math.random() + ")"); 
}); 
</script>

差不多，你在GIF URL的末尾添加一個隨機數，迫使瀏覽器，因爲它認爲它是圖像的新實例重播動畫。爲了防止瀏覽器出現JS問題，我仍然會將GIF放在元素背景上的CSS中。

一種哈克，但它的作品。

來源

2014-02-21 20:41:33 ClosDesign

謝謝你，我不再需要它了，但也許下一次！ – Miet

Chrome中的動畫gif無法正常工作

回答

相關問題