在动画背景中使用.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属性。

这只是一个选择。