Кажется, я не могу загрузить фоновое изображение, может кто-нибудь сказать мне, что может быть не так?

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");

Это мой каталог

Answer 1

Ваш путь будет меняться в зависимости от того, как выглядит ваша файловая структура.

Если ваша файловая структура выглядит следующим образом:

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");

Answer 2

Лучший способ - держать вещи в чистоте и порядке.Вырежьте и вставьте файл header.jpg в папку с изображениями и попробуйте следующее:

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

Вы должны включить корневую папку изображения, потому что это папка, в которой находится header.jpg.