我正在嘗試使用以下代碼渲染影像：
<picture>
<source srcset="https://75tm.gr/GFXS1205/2048/GFXS1205.avif">
<source srcset="https://75tm.gr/GFXS1205/2048/GFXS1205.webp">
<img src="https://75tm.gr/GFXS1205/2048/GFXS1205.jpg">
</picture>
在 Safari 瀏覽器上，影像根本沒有被渲染。如果我洗掉第一個source具有.avif格式的內容，則 Safari 會正確顯示后備.jpg影像。
在 JsFiddle 上查看
這是 Safari 的錯誤嗎？如果是這樣，這確實會阻止.avif格式的使用。有誰知道解決方法？
uj5u.com熱心網友回復：
如果您不提供type屬性，Safari 將無法回退。所以你需要這樣的東西（在 Safari 上測驗，對我來說很好）：
<picture>
<source srcset="https://75tm.gr/GFXS1205/2048/GFXS1205.avif" type="image/avif">
<source srcset="https://75tm.gr/GFXS1205/2048/GFXS1205.webp" type="image/webp">
<img src="https://75tm.gr/GFXS1205/2048/GFXS1205.jpg">
</picture>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/488390.html
標籤：javascript html 图片 浏览器 苹果浏览器