Picturefill无法在IE10上缓存清除

我正在使用<图片>元素，带有Picturefill以支持跨浏览器。在IE10中（在9和11中很好），它可以在普通的页面加载时正常工作，但在Ctrl + F5之后不会显示图像。（如果我然后打开开发工具或更改缩放，以及如果我进行普通刷新，加载正确的图像）。Picturefill无法在IE10上缓存清除

我使用<图片>如下：

<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，但我知道不建议在Picturefill中使用src，因为它会导致不支持srcset的浏览器中的双下载。

来源

2015-11-02 CarrieVS

执行下列操作模式为你工作：

<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>

来源

2015-11-04 08:08:33

Picturefill无法在IE10上缓存清除

回答

相关问题