CSS:设置没有图像的回退背景图像()
目标是在纯CSS中设置回退映像,而不使用。否则,目标将是以下代码:CSS:设置没有图像的回退背景图像(),css,Css,目标是在纯CSS中设置回退映像,而不使用。否则,目标将是以下代码: #一些id{ 背景图像:图像('default-image.png','fallback-image.png'); } 事实上,在提出这一问题的背景下,将处理书面CSS,并生成以下代码: #一些id{ 背景图像:/*@var默认图像*/; } 将返回: #一些id{ 背景图像:url('/url/TO/default image.png'); } 实际上,无法将多个参数传递给此预处理器 一个已经探索过的想法是,在背景图像设
#一些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");
它将叠加图片,因此您可以播放图像的透明度或否,以获得预期的结果