Picturefill не работает в IE10 при очистке кеша

Я использую элементы с Picturefill для кросс-браузерной поддержки. В IE10 (это хорошо в 9 и 11) он прекрасно работает при обычной загрузке страницы, но изображение не отображается после сочетания клавиш Ctrl+ F5. (Если я затем открою инструменты разработки или поменяю масштаб, а также если я сделаю обычное обновление, загрузится правильное изображение).

Я использую следующим образом:

<picture>
  <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source srcset="http://placehold.it/360x240" media="(min-width: 640px)">
    <source srcset="http://placehold.it/240x180">
  <!--[if IE 9]></video><![endif]-->
  <img alt="" srcset="http://placehold.it/240x180">
</picture>

Я проверил демонстрации Picturefill и даже на примере, который очень близок к тому, как я использую и srcset, я не могу повторить эту проблему, поэтому она не является чисто ошибкой Picturefill.

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

1 ответ

Работает ли для вас следующий шаблон:

<picture>
  <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source srcset="http://placehold.it/360x240" media="(min-width: 640px)">
    <source srcset="http://placehold.it/240x180">
  <!--[if IE 9]></video><![endif]-->
  <img alt="">
</picture>
Другие вопросы по тегам