使用< picture>使用Internet Explorer 11标记 [英] using <picture> tag with Internet Explorer 11

问题描述

已经在互联网上搜索了一段时间并且没有解决办法.

Have been searching the internet for a while and no solution.

我正在尝试使用带有新图片标签的圆滑传送带，在IE 11以外的所有浏览器中都可以正常工作.有人知道IE 11的变通方法/填充是什么吗?

I am trying to use slick carousel with the new picture tag, works great in every browser but IE 11. does anyone know about a workaround/polyfill for IE 11?

推荐答案

< picture> 标记是HTML5的一部分，但在文档中，后备选项是< img> ，甚至可以在旧的浏览器上使用.

The <picture> tag is part of HTML5 but on the documentation, the fallback is <img> which will even work on old browsers.

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

这篇关于使用< picture>使用Internet Explorer 11标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！