html - 背景图片不会出现在网站上

Question

我的站点上有一个 mainContainer，我想向其添加背景图像。当我尝试添加图像时，我使用这个 css

#mainContainer {
  background-image: url(images/bg.jpg);
  background-size: cover;
  height: 100%;
  width: 100%;
}

图片大小合适。我认为 1000x1000 或附近的东西。当我尝试刷新页面时，出现了一个奇怪的错误:

我正在使用 bootstrap4。顶部的错误是否与我的图像不显示有任何关系，还是在 css 中？

如果有帮助的话，这也是我的文件结构的样子:

谢谢!

Answer 1

图像文件不在文件夹中。如果它在 assets/images/ 文件夹中而不是 assets/css/images/中，您可能想将其更改为 ../images/bg.jpg 。