CSS：设置不带图像的后备背景图像（）

Question

目标是在纯CSS中设置后备图像，而不使用image() notation。否则，我们的目标应该是这样的代码：

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

事实上，在上下文上升这个问题，写CSS处理和follwing代码：

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

将返回：

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

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

一个已经探索过的想法是在背景图像设置为none的同一个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'); 
}