Html CSS:在没有内容和/或固定大小的情况下显示背景图像?

Html CSS:在没有内容和/或固定大小的情况下显示背景图像?,html,image,css,Html,Image,Css,到目前为止,我得到了以下代码(没有可见的标题图像): .wrap{ 保证金:50px自动; } html, 身体{ 身高:100%; } 身体{ 背景图像:url('https://placebear.com/1000/800'); 背景重复:无重复; 背景位置:中心; 背景尺寸:封面; 背景附件:固定; } .标题{ 背景图像:url('https://placebear.com/940/248'); 背景重复:无重复; 背景位置:中心; 背景尺寸:封面; } 如果使用背景图像,我认为必须定

到目前为止,我得到了以下代码(没有可见的标题图像):

.wrap{
保证金:50px自动;
}
html,
身体{
身高:100%;
}
身体{
背景图像:url('https://placebear.com/1000/800');
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
背景附件:固定;
}
.标题{
背景图像:url('https://placebear.com/940/248');
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
}

如果使用背景图像,我认为必须定义高度。最好使用img标记,并将宽度设置为100%,如下所示:

.wrap{
保证金:50px自动;
}
html,
身体{
身高:100%;
}
身体{
背景图像:url('https://placebear.com/1000/800');
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
背景附件:固定;
}
.标题{
边框:3倍纯白;
}
img{
宽度:100%;
}

如果使用背景图像,我认为必须定义高度。最好使用img标记,并将宽度设置为100%,如下所示:

.wrap{
保证金:50px自动;
}
html,
身体{
身高:100%;
}
身体{
背景图像:url('https://placebear.com/1000/800');
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
背景附件:固定;
}
.标题{
边框:3倍纯白;
}
img{
宽度:100%;
}


在上查看已接受的答案。如果您可以将
添加到HTML中,它将满足您的需要。否则,您将需要javascript动态地修改和更改div高度。@Marvin非常感谢。:)在上查看已接受的答案。如果您可以将
添加到HTML中,它将满足您的需要。否则,您将需要javascript动态地修改和更改div高度。@Marvin非常感谢。:)对我想你是对的。萨尔兰的问候,是的。我想你是对的。萨尔兰的问候。