在 Internet Explorer 11 中使用 <picture> 标签

Question

网上查了好久没有解决。

我正在尝试使用带有新图片标签的光滑轮播，在除 IE 11 之外的每个浏览器中都可以很好地工作。有人知道 IE 11 的解决方法/polyfill 吗？

Answer 1

<picture>

标签是HTML5的一部分，但在文档中，后备是

<img>

，它甚至可以在旧浏览器上工作。

<picture>
   <source media="(min-width: 64em)" src="high-res.jpg">
   <source media="(min-width: 37.5em)" src="med-res.jpg">
   <source src="low-res.jpg">
   <img src="fallback.jpg" alt="This picture loads on non-supporting browsers.">
   <p>Accessible text.</p>
</picture>

Answer 2

标准的

<picture>

polyfill 是 Picturefill。它应该允许该元素在 IE8+ 中按预期工作。

2024 年编辑：Picturefill 已被弃用，但这只是因为现在很少有人支持 IE11。如果有需要的话，这仍然是一个不错的选择。