验证错误 w3.org：background-image 和 image-set（视网膜分辨率）
Validation error w3.org: background-image and image-set (retina resolutions)
下面几行代码是一个全屏header图片的小网站的背景图片。我想直接在 html 中应用样式，目的是图像的加载不会被 css-parsing.
阻止
我尝试了两种不同的方法：
<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 上验证（备注：这是 link 对网站的验证，您可以实时查看）。我将不胜感激任何提示！
参见the MDN documentation for image-set。
描述它的唯一规范是 CSS Images Module Level 4，目前是工作草案。
还不是标准的，所以是无效的，所以验证器报告它是无效的。
下面几行代码是一个全屏header图片的小网站的背景图片。我想直接在 html 中应用样式，目的是图像的加载不会被 css-parsing.
阻止我尝试了两种不同的方法：
<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 上验证（备注：这是 link 对网站的验证，您可以实时查看）。我将不胜感激任何提示！
参见the MDN documentation for image-set。
描述它的唯一规范是 CSS Images Module Level 4，目前是工作草案。
还不是标准的，所以是无效的，所以验证器报告它是无效的。