html - CSS 背景图像回退

Question

这个问题在这里已经有了答案:





Fallback background-image if default doesn't exist

(5 个回答)


去年关闭。




有没有办法使用 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);
    }