在動畫背景中使用.gif圖像的任何替代方法？

Question

我正在創建一個非常簡單的網站，現在我正在使用.gif圖像作爲動畫背景。

body, html{ 
      background-image: url("http://i.imgur.com/3F7rneL.gif"); 
      background-repeat: no-repeat; 
      background-attachment: fixed; 
      background-position: center; 
      background-size: cover; 
     } 

它的工作原理，但我敢肯定，背景將需要一些時間來加載，所以我試圖GIF更改爲gifv，但它不工作。

是否有任何其他替代方案可以將此動畫作爲背景？

Answer 1

另一種可以使用的背景圖片和背景顏色都，這將導致進入背景顏色渲染，直到你的圖像加載（如顏色相近不知何故不會扭曲設計）使用背景圖像和顏色

：

yourselector{ 
    background: #ccc url('images/yourgif.gif'); 
} 

或者在您的代碼中只需添加background-color屬性。

這只是一個選項。