问题描述
我想对我网站上的图像使用 .avif 和 .webp，记住我需要为不受支持的浏览器提供后备。文档 https://developer.mozilla.org/en-US/docs/Web/CSS/image/image-set()#using_image-set_to_provide_alternative_formats 建议 -webkit-image-set 应该有所帮助：
background-image: url("/public/header-fallback.jpg");
background-image: -webkit-image-set(url('/public/header.avif') type('image/avif'),url('/public/header.webp') type('image/webp'),url('/public/header.jpg') type('image/jpeg'));
这在 Firefox 中有效（跳过 avif 并使用 webp）但 Chrome 给了我 Invalid property value（忽略整个样式并使用 'header-fallback.jpg'）。为什么？
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）