Живой сервер не загружает img из css

#html #css #image

#HTML #css #изображение

Вопрос:

Я создал веб-сайт parallax, но он не загружает никаких изображений, загружается все остальное из css, кроме изображений. Пока ничего не получалось. Не знаю, есть ли проблема в коде или на сервере.

html и css-коды

ошибка

ошибка 404

Файлы

Сайт загружен, но фотографий нет

Комментарии:

1. где хранятся ваши изображения и ваш css относительно html-документа?

2. Каков код ответа?

3. Пожалуйста, предоставьте структуру вашего кода, включая изображения

Ответ №1:

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

Я должен понимать текущую структуру файла, чтобы дать вам правильный ответ:

Допустим, у вас есть:

  • index.html
  • изображения /main.png
  • стили/style.css

Если это так. Вы вызываете изображение из корня, потому что index.html находится там.

Итак, вы можете попробовать вызвать изображение следующим образом:

 .pimg1{background-image: url('/images/main.png');}
  

Если это не сработает, вы можете сделать следующее:

 .pimg1{background-image: url('./images/main.png');}
  

./ Всегда будет переходить в корневой каталог, а затем будет искать каталог изображений / Это поможет вам с сайтами, у которых есть URL вложенных папок.

Надеюсь, это поможет!

Комментарии:

1. Цитаты вокруг URL-адресов изображений являются удобным дополнением к исходному коду.