我似乎无法加载我的背景图像，有人可以告诉我什么可能是错的？

Question

我的图像文件夹中也有它。我试过了

background-image: url("./header.jpg");
background-image: url("../header.jpg");
background-image: url("../images/header.jpg");
background-image: url("./images/header.jpg");
background-image: url("header.jpg");

This is my directory

Answer 1

最好的方法是保持干净整洁。将'header.jpg'剪切并粘贴到'images'文件夹中，然后尝试：

    background-image: url(../images/header.jpg);  

您必须包含图像根文件夹，因为这是header.jpg所在的文件夹。

Answer 2

您的路径将根据文件结构的变化而变化。

如果您的文件结构如下所示：

root
----
index.html
image1.jpg

HTML中的文件路径应如下所示。

background-image: url("./image1.jpg");

但是，如果您的文件结构如下所示：

root
----
index.html
images (folder)
 ->  image1.jpg

您的文件路径应如下所示。

background-image: url("./images/image1.jpg");

如果您的图片文件夹处于某个级别，请执行以下操作：

root
----
views (folder)
  ->  index.html
images(folder)
  ->  image1.jpg

然后你的文件路径应该是

background-image: url("../images/image1.jpg");