Изображение не найдено при открытии в браузере

#html #css

Вопрос:

Я столкнулся с проблемой, из-за которой моя веб-страница не будет загружать фоновое изображение ни в одном браузере, если я открою его непосредственно в браузере, но если я открою его с помощью дополнения live server для VS-кода, он будет работать полностью нормально и загружает все правильно. У меня есть видео, прикрепленные к веб-странице, которые загружаются совершенно нормально в обоих сценариях, и зашли в тупик…

файл, чтобы проверить, не является ли неправильным сопоставление файлов

Где должно быть загружено изображение

HTML-файл, вызывающий класс

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

1. Попробуйте написать свой код в тройных обратных ссылках вместо размещения ссылок на изображения

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

3. Как сказал @Sfili_81, проверьте консоль браузера. Самый простой способ сделать это на ноутбуке или рабочем столе-щелкнуть правой кнопкой мыши в любом месте страницы, а затем нажать «Проверить». Затем найдите вкладку «Сеть» на появившейся панели.

Ответ №1:

На данный момент это предположение, но, возможно, на втором опубликованном вами изображении вы дважды подробно ../../ описали. Это указывает путь для резервного копирования по двум папкам, а затем найдите assets нужную папку.

Глядя на макет вашего файла. У вас есть страница индекса, а затем папка ресурсов, которая содержит папку видео, содержащую изображение.

Вам не нужно будет создавать резервные копии папок, используя любое ../ указание того, где находится ваша индексируемая страница. Правильный путь может быть просто assets/videos/cover_image.jpg