CSS 背景图像回退

Question

有没有办法使用 CSS 为背景图像指定回退图像？

例

.container {
background-image: url(pics/img.webp);
background-image-fallback: url(pics/img.png);
}

Answer 1

您可以使用多个图像，如果一个图像没有退出，将显示第二个图像。

.container {
background-image: url(pics/img.webp), url(pics/img.png);
}

Answer 2

尝试这样做。

.container {
background: url((pics/img.webp) bottom center no-repeat,url((pics/img.webp) repeat;
}