好吧,基本上我使用 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,使用 images loaded 插件查看是否加载了 gif 图片然后更改 bg 属性
关于javascript - gif 加载后更改背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38580861/