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上緩存清除

回答

相關問題