HTML-проблема с изображением на WordPress сайте только в проводнике - PullRequest
0 голосов
/ 05 июня 2018

Я пытаюсь исправить некоторые проблемы на сайте клиента.Разработчик, который работал над этим, ушел, поэтому мне пришлось вскочить и начать исправлять его беспорядок.Проблема, с которой я сталкиваюсь, заключается в том, что владелец сайта использует Internet Explorer 11, и изображения героев на страницах веб-сайта не отображаются, а только в Internet Explorer. На любом другом браузере сайт выглядит нормально.Этот сайт представляет собой сайт WordPress, использующий стандартную тему, которая была сильно настроена.Когда я смотрю на код страницы для области изображения героя, это то, что я нахожу:

 <img sizes="(min-width: 40em) 80vw, 100vw" srcset="/wp-content/uploads/2018/02/hero-bg.png 375w, /wp-content/uploads/2018/02/hero-bg.png 480w, /wp-content/uploads/2018/02/hero-bg.png 768w" alt="">

Я добавил простую версию для тестирования

<img src="/wp-content/uploads/2018/02/hero-bg.png" >

, это обнаружилось в проводнике, поэтому егоэтот код вызывает проблему.

Я не знаю, как я могу решить проблему.Изменение исходной строки кода для работы в проводнике повлияет на другие браузеры.

Так что я надеюсь, что кто-то может помочь выяснить, существует ли дружественный для исследователя способ написания этого кода, чтобы он не влиял на другие браузеры, или есть способ использовать другую строку кода в событиииспользуется проводник?

1 Ответ

0 голосов
/ 05 июня 2018

атрибут srcset не поддерживается в ie11.Хорошей новостью является то, что вы можете без проблем использовать srcset вместе с src.ie11 просто проигнорирует атрибут srcset, а остальные браузеры будут использовать srcset вместо src.

Просто используйте это:

<img sizes="(min-width: 40em) 80vw, 100vw" srcset="/wp-content/uploads/2018/02/hero-bg.png 375w, /wp-content/uploads/2018/02/hero-bg.png 480w, /wp-content/uploads/2018/02/hero-bg.png 768w" alt="" src="/wp-content/uploads/2018/02/hero-bg.png">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...