web-dev-qa-db-ja.com

Internet Explorer 11で<picture>タグを使用する

しばらくの間インターネットを検索してきましたが、解決策はありません。

新しい画像タグで滑らかなカルーセルを使用しようとしていますが、IE 11以外のすべてのブラウザでうまく機能します。IE 11の回避策/ポリフィルについて知っていますか？

htmlcssexplorerpolyfills
5
Lucky500

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

標準 <picture> polyfillは Picturefill です。 IE8 +で要素が期待どおりに機能するようにする必要があります。

4
Leland