引导 4 轮播与 HTML 5 图片标签而不是 img 标签有效

Question

Bootrap 4 轮播是否支持以下 HTML 作为轮播项目的子项：

<picture>
  <source srcset="img/awesomeWebPImage.webp" type="image/webp">
  <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg"> 
  <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>

这将允许支持 webp 的浏览器提供 webp 图像而不是 JPEG

Answer 1

是的，如果您将图片标签代码放在轮播项目中，如果任何浏览器不支持，这将起作用，那么 jpg 将显示在同一位置，但轮播将起作用。