CSS:设置没有图像的回退背景图像()

CSS:设置没有图像的回退背景图像(),css,Css,目标是在纯CSS中设置回退映像,而不使用。否则,目标将是以下代码: #一些id{ 背景图像:图像('default-image.png','fallback-image.png'); } 事实上,在提出这一问题的背景下,将处理书面CSS,并生成以下代码: #一些id{ 背景图像:/*@var默认图像*/; } 将返回: #一些id{ 背景图像:url('/url/TO/default image.png'); } 实际上,无法将多个参数传递给此预处理器 一个已经探索过的想法是,在背景图像设

目标是在纯CSS中设置回退映像,而不使用。否则,目标将是以下代码:

#一些id{
背景图像:图像('default-image.png','fallback-image.png');
}
事实上,在提出这一问题的背景下,将处理书面CSS,并生成以下代码:

#一些id{
背景图像:/*@var默认图像*/;
}
将返回:

#一些id{
背景图像:url('/url/TO/default image.png');
}
实际上,无法将多个参数传递给此预处理器

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

#一些id{
背景图像:/*@var默认图像*/;
}
#某些id[背景图像=无]{
背景图像:/*@var fallback image*/;
}
不幸的是,它似乎不起作用。

您可以使用:

#some-id {
      background-image: url('fallback-image.png');
      background-image: image('default-image.png');
}
background-image: url("image.png"), url("fallback-image.png");
它将叠加图片,因此您可以播放图像的透明度或否,以获得预期的结果