好的,所以基本上我正在使用gif作为背景图像,但是我希望它显示静态图像,直到gif完全加载并可以播放为止。
读过一些类似的线程后,我知道您可以使用js来定位元素,并在加载后对其进行更改,但是我看到的唯一示例都是目标img标签,而不是通过CSS生成的背景图片。
这是一个片段,如果有帮助
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
width: 100%;
height: 100%;
background: #232228 url(../img/bg-center.jpg) top no-repeat; /* Static */
background: #232228 url(../img/bg-center.gif) top no-repeat; /* Animated */
}
最佳答案
恐怕您将不得不为此使用JS,使用图像加载插件来查看是否加载了gif图像,然后更改bg属性