以下代码行是一个带有全屏标题图像的小型网站上的背景图像。我想直接在 html 中应用样式，目的是让图像的加载不会被 css 解析阻止。
我尝试了两种不同的方法：
<div class="..." style="background-image: url('assets/img/textatelier/textatelier_elisabeth_zenz_header_3733.jpg'); background-image: -webkit-image-set('assets/img/textatelier/textatelier_elisabeth_zenz_header_1867.jpg' 1x, 'assets/img/textatelier/textatelier_elisabeth_zenz_header_3733.jpg' 2x);background-image: image-set('assets/img/textatelier/textatelier_elisabeth_zenz_header_1867.jpg' 1x, 'assets/img/textatelier/textatelier_elisabeth_zenz_header_3733.jpg' 2x);" data-zanim-xs='{"delay":0,"animation":"zoom-out"}' data-zanim-trigger="scroll">
第二种方法相同，除了也使用 url(( 封装图像路径。
两者都不会在 validator.w3.org 上进行验证(注意：这是指向网站验证的链接，这是实时的供您查看(。我将非常感谢任何提示！
请参阅 MDN 文档以了解image-set。
唯一描述它的规范是CSS图像模块级别4，目前是一个工作草案。
它还不是标准的，所以它是无效的，所以验证者报告它无效。