实际上,我必须像这样将背景图像放在另一个图像上:
预期输出:
我将第一个背景图像添加到var fetch = require('unfetch')
类中,并将另一个背景图像添加到body
类中。 inner-body
背景图像可以正确显示,但是第二个背景图像根本不显示。
在此处检查下面的检查元素代码:
唤醒人体图像(代码):
第二张图片“体内”图片未显示(代码):
但是如果我为body
指定一个高度(例如600像素),则会显示该图像,但这不是正确的方法,因为在响应模式下,它会很糟糕。
我在做什么错了?
我的代码:
inner-body
答案 0 :(得分:1)
将此样式赋予html,body和container:
html, body, .container {
min-height: 100%;
}
body {
padding: 200px;
}
.inner-body {
max-height:80%;
}
答案 1 :(得分:1)
这是因为您的内部div内没有任何内容,您必须在其中添加一些内容,然后它将采用自动高度,或者必须为该div赋予高度。我没有其他办法。