CSS：设置后备背景图像没有图像（）

Question

目标是在纯CSS中设置后备图像，而不使用image() notation。否则，目标就是这段代码：

#some-id{
      background-image: image('default-image.png', 'fallback-image.png');
}

实际上，在提出这个问题的上下文中，处理了编写的CSS以及以下代码：

#some-id{
      background-image: /*@var default-image */;
}

将返回：

#some-id{
      background-image: url('/URL/TO/default-image.png');
}

实际上，没有办法将多个参数传递给这个预处理器。

一个已经探索过的想法是在背景图像设置为无的相同id之后立即设置。实际上，当没有匹配的图片时，预处理器会返回none。所以，在代码中：

#some-id{
      background-image: /*@var default-image */;
}

#some-id[background-image=none]{
      background-image: /*@var fallback-image */;
}

不幸的是，它似乎不起作用。

Answer 1

#some-id {
      background-image: url('fallback-image.png');
      background-image: image('default-image.png');
}

Answer 2

您可以使用：

background-image: url("image.png"), url("fallback-image.png");

它将叠加图片，因此您可以以透明或否的方式播放图片，以获得预期的效果。