有没有一种方式可以使用CSS为背景图像指定备用图像?
示例:
示例:
.container {
background-image: url(pics/img.webp);
background-image-fallback: url(pics/img.png);
}
.container {
background-image: url(pics/img.webp);
background-image-fallback: url(pics/img.png);
}
如果第一张图片不存在,你可以使用多张图片,第二张将会被显示。
.container {
background-image: url(pics/img.webp), url(pics/img.png);
}
尝试像这样。
.container {
background: url((pics/img.webp) bottom center no-repeat,url((pics/img.webp) repeat;
}