为什么我不能使用background-image：url（“img / 1.jpg”）;使用本地图像

Question

代码如下。我已将图像“1.jpg”放入该文件名“img”中。但在我的网站上，这张图片没有显示出来。但是，我发现如果我使用来自互联网的图像，它就会显示出来。有人能解决问题吗？

#banner {
  background-image: url("img/1.jpg");
}

Answer 1

如果您的文件夹结构如下：

* CSS File
* img/
  * 1.jpg

你在做什么是正确的。但如果你有：

* css/
  * CSS File
* img/
  * 1.jpg

然后您需要将其更改为：

#banner {
  background-image: url("../img/1.jpg");
}

url中的..在目录结构中上升了一级。这是它可以找到img文件夹的地方。然后它找到图像1.jpg