CSS多个背景图片

Question

在CSS中，我们可以通过指定

为div提供多个背景图像

background-image: url(img_flwr.gif), url(paper.gif);

这里指定的所有图片都会加载吗？或者如果第一张图像不可用，那么第二张图片会加载吗？如果所有图像都被加载，是否会影响网站的加载时间？

Answer 1

不同的背景图像用逗号分隔，图像堆叠在一起，第一张图像最接近观众。

您可以在MDN

上阅读更多内容

Answer 2

两个图像一起加载。它不像回退那样工作：

body {
background: url('http://via.placeholder.com/350x150') no-repeat, url('http://via.placeholder.com/150x150');
}

对加载时间的影响将降至所用图像的大小。