Html 如何为`<；的背景图像定义多个URL；车身>；`所以如果其中一个坏了，另一个可以工作？

我将此代码用于

的背景图像：

 background: url("http://www.uplooder.net/img/image/39/45732833fc8fdcfd8277ca248d5b608f/QHD.jpg") no-repeat center center fixed;

这张图片对我的网站来说非常重要，如果它漏掉了，整个网站会很难看

---

如何定义另一个附加链接，以便在上载图像的服务器停止工作时，从另一个链接获取图像？

我建议使用JavaScript

---

在css中保留一个图像作为默认图像。然后，加载页面后，使用jQuery对该图像发出GET请求。如果返回404错误，则对下一个图像重复此操作。当它最终找到一个没有给出404的图像时，您可以再次使用jQuery将其设置为背景图像。

下载图像并将其放入服务器

---

如果您没有权限，您不应该以任何方式使用它。

使用CSS 3可以设置为，如果其中一个无法加载，您可以使用另一个作为备份

正文{
背景：url（'http://placehold.it/1920x860/ffffff/000000'），网址（'http://placehold.it/1920x860');
高度：100vh；
背景尺寸：封面；
背景位置：中心；
保证金：0；
填充：0；
}

1.5MB图片的服务器速度非常低。我需要使用其他服务器的图片和其他大文件。公平！在我看来，JS解决方案是最好的。这是最干净、最简单的方法，但也不是最优化的方法。使用此解决方案，页面将加载两个图像（请参阅此fiddle:），而在OP的情况下，图像为1.5MB，因此这不是一个好主意。