CSS背景图片未显示在其他图片上

时间:2018-09-14 06:53:48

标签: html css css3 responsive-design

实际上,我必须像这样将背景图像放在另一个图像上:

预期输出:
enter image description here

我将第一个背景图像添加到var fetch = require('unfetch')类中,并将另一个背景图像添加到body类中。 inner-body背景图像可以正确显示,但是第二个背景图像根本不显示。

在此处检查下面的检查元素代码:

唤醒人体图像(代码):
enter image description here

第二张图片“体内”图片未显示(代码):
enter image description here

但是如果我为body指定一个高度(例如600像素),则会显示该图像,但这不是正确的方法,因为在响应模式下,它会很糟糕。

我在做什么错了?

我的代码:

inner-body

2 个答案:

答案 0 :(得分:1)

将此样式赋予html,body和container:

CSS

html, body, .container {
   min-height: 100%;
}

body {
   padding: 200px;
}

.inner-body {
   max-height:80%;
}

答案 1 :(得分:1)

这是因为您的内部div内没有任何内容,您必须在其中添加一些内容,然后它将采用自动高度,或者必须为该div赋予高度。我没有其他办法。

相关问题