后备背景图片（如果不存在默认值）

一尘不染

后备背景图片（如果不存在默认值）

css

我想将图像设置为背景，但是图像名称可能是bg.png或bg.jpg。

如果默认背景不存在，是否有任何非JavaScript方法可创建后备图像。

body{
    background: url(bg.png);
    background-size: 100% 100%;
    width: 100vw;
    height: 100vh;
    margin: 0;
}

阅读 295

2020-05-16

共1个答案

一尘不染

如果不涉及透明度并且它们占据了所有可用空间或具有相同的大小，则可以使用多个背景：

div{

     background-image: url('http://placehold.it/1000x1000'), url('http://placehold.it/500x500');

     background-repeat:no-repeat;

     background-size: 100%;

     height:200px;

     width:200px;

}


<div></div>

如果第一个未退出，则将显示第二个。

div{

     background-image: url('http://placehol/1000x1000'), url('http://placehold.it/500x500');

     background-repeat:no-repeat;

     background-size: 100%;

     height:200px;

     width:200px;

}


<div></div>

2020-05-16