У меня есть изображение, отображаемое на моем веб-сайте, которое отлично работает на Safari, однако когда я запускаю его в Firefox, Chrome и Opera, он не отображается для меня.JPG изображение не отображается в Chrome, Firefox и Opera
код у меня есть:
<img class = "header" src="./images/websitelogo.jpg" alt=" Header Image"/>
Кто-нибудь сталкивался с этим вопросом раньше, и если да, то как вы решить эту проблему?
спасибо.
Кажется, что ваш путь неправильный. Если вы работаете в индексном файле, и у вас есть еще одна папка с картинками, у вас нет разума, чтобы иметь «.». а также /.
<img class = "header" src="images/websitelogo.jpg" alt=" Header Image"/>
Должно быть так.
OP упомянул в своем посте, что код работает в Safari .. – Lal
Привет, я сделал вышеупомянутое изменение и все еще имею ту же проблему. Я проверил консоль (проверяю элемент), и он говорит, что не может загружать изображение, когда я наводил ссылку на изображение. Цените это, если у вас есть другие советы. Спасибо – aacm14
попробуйте удалить лишние пробелы между class = "header". –
Вы проверили журнал консоли. Я думаю, что проблема заключается в img src, который вы ищете в файле ./images/websitelogo.jpg, но папка с изображениями находится в той же иерархии, что и ваша html-страница. Поэтому замените ваш src на images/websitelogo.jpg
<img class = "header" src="images/websitelogo.jpg" alt=" Header Image"/>
OP упомянул в своем сообщении, что код работает в Safari .. – Lal
Привет, я сделал вышеупомянутое изменение и все еще имею ту же проблему. Я проверил консоль (проверяю элемент), и он говорит, что не может загружать изображение, когда я наводил ссылку на изображение. Цените это, если у вас есть другие советы. Thanks – aacm14
Проверьте сеть, загружен ли файл из ссылки. –
Посмотрите на консоль. Он будет записывать 404 с красным текстом –
Является ли разметка, которую вы указали выше точной копии вашей веб-страницы? coz '.' перед «/» не требуется. Если вы хотите получить изображение из папки корневого каталога, которую вы можете использовать, «../images/websitelogo.jpg» –
@ItAssistors Но тогда OP упомянул в своем посте, что код работает в Safari .. – Lal