Почему не удается найти мою обложку при использовании background-image: url

Question

Немного глупый вопрос, но я не уверен, почему это изображение не отображается.

Файловая структура в каталоге блогов такая же:

    index.php
    img <- this is a folder
    css <- this is a folder

В img, у меня есть изображение: computer classroom.jpg

Теперь в моем индексе. php файл У меня есть этот код:

<div class="blogs-cover-img" style="background-image: url('./img/computer classroom.jpg');"></div>

А это css, в папке css:

.blogs-cover-img{
  width: 100%;
  height: auto;
  background-size: cover;
}

Проблема в том, что он не отображает изображение. Когда я смотрю в браузере, он выдает ошибку 404, не могу найти изображение.

Я также пробовал: img/computer classroom.jpg и / img/computer classroom.jpg

Answer 1

Это происходит из-за наличия свободного места в вашем файле изображения jpg. замените пробел на% 20

<div class="blogs-cover-img" style="background-image: url('./img/computer%20classroom.jpg');"

Answer 2

Я почти уверен, что проблема в пути, потому что между компьютером и классом есть ПРОСТРАНСТВО. Попробуйте переименовать файл "компьютерный класс" в "компьютерный класс" или что-то подобное. Сообщите мне, сработало ли это.