Почему не отображается мое фоновое изображение

#html #css #github-pages

#HTML #css #github-страницы

Вопрос:

У меня проблема, мои фоновые изображения не отображаются после размещения моего веб-сайта на страницах github

Ссылка на репозиторий: https://github.com/eugenemoringa/advanced-portfolio Ссылка на живую страницу: https://eugenemoringa.github.io/advanced-portfolio /

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

1. Привет, умный Флик, вы указали неправильный путь к изображению в css, поэтому он не загружается. Пожалуйста, исправьте путь к изображению. Например, фоновое изображение: url («.. / .. /carsimage.jpg «); Я попробовал это, и у меня все получилось.

Ответ №1:

В ваших css-файлах при привязке изображения к фоновому изображению вы должны указывать ./ перед URL-адресом.

Это то, что вы сделали

  background-image: url("/carsimage.jpg");
 

Это то, что вы должны сделать:

 background-image:url("./carsimage.jpg");
 

Сделайте это для всех ваших строк фонового изображения в ваших файлах css, и это должно сработать.

Ответ №2:

Используйте ../../ вместо / или ./ на background

 header {
    background-image: url(../../carsimage.jpg);
}