Блог

Главная - Вопросы по программированию - Изображение появляется при запуске с живого сервера, но не появляется при запуске HTML-файла с моего локального пути

Изображение появляется при запуске с живого сервера, но не появляется при запуске HTML-файла с моего локального пути

#html #css

#HTML #css

Вопрос:

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

Это код CSS

 #home {
 background-image: url("/images/2x/img-hero-image@2x.png");
 background-attachment: fixed;
 position: relative;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 height: 100vh;
 width: 100%;
}

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

1. Пожалуйста, покажите свой код…

2. Попробуйте добавить точку перед путем, вот так — "./images/2x/img-hero-image@2x.png"

3. Дайте мне знать, работает это или нет!

4. Это не работает..

5. Есть ли какая-либо ошибка на консоли? Кроме того, вы можете опубликовать изображение каталога?

Ответ №1:

Попробуйте определить весь путь из корня, например

 #home {
 background-image: url("C:/Users/yours/web/images/2x/img-hero-image@2x.png");

или определите путь из файла location html, например

 #home {
 background-image: url("images/2x/img-hero-image@2x.png");

если вам нужно отступить, используйте .. также, как

 #home {
 background-image: url("../images/2x/img-hero-image@2x.png");

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

1. если это живой сайт, можно просто заменить его доменом