Живой сервер не загружает IMG из CSS

Question

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

html и css коды

404 ошибка

файлы

Сайт загружен, но фотографии не отображаются

Answer 1

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

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

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

• index.html
• images / main.png
• styles / style.css

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

Так что вы можете попробовать назвать изображение так:

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

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

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

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

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