Css 是否可以同时使用图像集*和*多个图像？

我目前正在和我的团队一起完成我们的最新网站，优化图片和所有好东西

我遇到了一个小难题。 我们有很多背景图片。我希望在支持使用图像集的浏览器上对它们进行优化，但我也喜欢使用图像集来提高感知的加载时间，并为它提供良好的附加触感。如果我必须选择，当然我会进行优化

所以，我想问大家： 我可以使用图像集作为多个背景之一吗？如果是这样，你能提供一个有效的例子吗？我尝试了一下，但是浏览器完全拒绝了代码，所以我在inspector中得到了三振

以下是我在liquid中工作时的代码示例，我希望不必将其转换为真正的CSS，除非需要：

background: image-set(
  url("URL") 1x,
  url("URL") 2x,
  url("URL") 3x,
  url("URL") 4x,
) center / 100% auto no-repeat,
linear-gradient(to right, #564029 0%, #6c5a43 50%, #6c573c 75%, #5d472f 100%) center / 100% auto no-repeat,
#72573c;

如果我的代码中遗漏了什么，请随时指出。如果没有别的，我希望这能成为其他人的绊脚石

就我参考的内容而言：

我看过 我看过 我对谷歌做了一次合理的尝试，试图找到两者结合的一个例子。我不会说我对什么都没发现感到惊讶。

---

最后，我知道-webkit-前缀仍然是必需的

图像集的最后一个参数后面有一个逗号

以下是代码，4x后不带尾随逗号：

background: image-set(
  url("URL") 1x,
  url("URL") 2x,
  url("URL") 3x,
  url("URL") 4x
) center / 100% auto no-repeat,
linear-gradient(to right, #564029 0%, #6c5a43 50%, #6c573c 75%, #5d472f 100%) center / 100% auto no-repeat,
#72573c;

---

谢谢你。它现在起作用了。为什么要投反对票？可能是因为像这样的问题，通过简单的拼写更正就可以解决，对其他人在未来寻找答案没有多大用处。将答案保留为注释，标志应关闭…>离题…>打字错误或不可复制。免责声明：我不是选民中的一员。如果你回答了应该关闭的问题，那么即使你的答案是正确的，你也会得到反对票。不要回答有问题要解决的问题。啊，谢谢你的解释。当心图像集的支持率很低。我知道支持率很低。感谢您指出这一点，但我知道如何使用回退，并且我已经准备好使用它们：您在这个属性中似乎没有任何回退，但okI给出了一个代码示例。为了简单起见，我不想给出我将在实际站点上使用的完整详细代码。是的，这很好，始终使用a，但正如我在本MCVE中所说的，我只提到了这一点，因为通常回退是在相同的属性中；