CSS background-image fallback [duplicate]

Question

Is there any way to specify a fallback image for a background image using CSS?

Example

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

Answer 1

You can use multiple images if the one doesn't exit, the second will be show.

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

Answer 2

try like this.

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