Я создаю свой первый веб-сайт на HTML / CSS, но по какой-то причине ни одно из моих изображений не отображается при загрузке HTML-файлов в Chrome.Когда я нажимаю F12 и захожу в меню «Источники», я вижу, что мой файл index.html (куда должны загружаться изображения) создает ошибки, говорящие о том, что файлы не могут быть найдены (net :: ERR_FILE_NOT_FOUND), даже еслиЯ использовал средство выбора файлов Visual Studio для перехода к ним вместо того, чтобы вручную вводить адреса.
Вот ссылка на файл на случай, если это поможет обеспечить больше контекста (рассматриваемая область - это поле внизу страницы): [отредактировано] /
Я попытался очиститьмой код из таблицы стилей CSS, проверяющий адреса изображений, но, к сожалению, это все, что я знаю, чтобы попробовать на этом этапе моего обучения.
HTML для поля, в котором я хочу поместить фоновое изображение:
<div class="p-box">
<h1>Hello</h1>
<h2>Goodbye</h2>
</div>
CSS для класса этого блока:
.p-box{
width: 800px;
height: 500px;
border: 1px solid #000000;
margin-top: 30px;
position: relative;
background-image:url('/css/images/download.jpg');
}
Цель состоит в том, чтобы получить изображение для загрузки внутри контейнера 'p-box', но ничего не происходит, когда я сохраняю и обновляю файл в своем браузере.
Это мой первый сайт (и мой первый пост здесь), поэтому любые отзывы очень ценятся.Спасибо!