Свойство Background-image не работает за пределами кода LiveServer

Question

Мой первый вопрос здесь. Извиняюсь, если мой формат / грамматика неправильны. Кроме того, я только изучаю веб-разработчика.

Итак, у меня есть файл. css, который содержит это:

.bgimg-1 {
  background-image: url('/img/back2.jpg');
  min-height: 100%;
}

.bgimg-2 {
  background-image: url('/img/back3.jpg');
  min-height: 400px;
}

.bgimg-3 {
  background-image: url('/img/back4.jpg');
  min-height: 400px;
}

Моя проблема в том, что файл Html правильно отображает изображения в живой сервер, но только если я дважды щелкну по индексу. html. Теперь выслушайте меня, я попытался сделать это '.. / img / back3.jpg' вместо этого, как это было предложено в другом ответе на ту же проблему, но для меня это не исправит. Изображения по-прежнему не будут отображаться. Теперь сумасшедшая вещь, если я открываю неработающие ссылки на изображения в новой вкладке, путь в адресной строке показывает 'C: / Users / Имя пользователя / Desktop / img / back3.jpg' в случае из '.. /' , и если я удаляю '.. /' , он показывает 'C: / img / back3.jpg' idk whats продолжается. Пожалуйста, помогите мне.

, чтобы уточнить это путь к папке img в моей системе. C: / Пользователи / Имя пользователя / Рабочий стол / Проект / img

Это путь, который он показывает, если я использую '.. / img / back3.jpg' . 'C: / Users / Имя пользователя / Рабочий стол / img / back3.jpg'

это путь, который он показывает, если я использую '/ img / back3.jpg' . 'C: / img / back3.jpg'

Опять же: на живом сервере работает любой из вышеперечисленных подходов.

Answer 1

Хорошо, предложение @ MaxK привело меня к ответу. Я до сих пор не знаю, что делают «./» и «../», но я буду разбираться с этим. При этом я исправил свою проблему, изменив путь CSS на '. \ Css \ base. css' т.е. добавил '.' Это исправило некоторые из других визуальных элементов, которые я потрясен, что я не заметил, как отсутствовал раньше.

bgimages все еще не будет отображаться, поэтому я попытался добавить '.. \ img \' в качестве URL. И это как-то исправило. Не изменили структуру папок вообще. Не могу понять, как "." работает в каком-то месте и «..» в другом.

Чтобы уточнить: добавили '.' в пути к файлу CSS, в котором в заголовке содержится ссылка на таблицу стилей.

добавил '..' к URL-адресам изображений класса bgimg. Это исправило это.