Question

好吧基本上我使用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 */
}

Answer 1

我担心你必须为此使用JS，使用图片加载的插件来查看是否加载了gif图像然后更改了bg属性

加载gif后更改背景图像？

1 个答案: