Div高度为0px，因此不显示背景img
沃克斯·弗洛伊丹（Vox Floydan）
我在body标签内的html代码中有一些div标签，如下所示：
<div class="landing">
<div class="home-wrap">
<div class="home-inner">
</div>
</div>
</div>
我想在带有home-inner类的div标记内添加背景图片，因此在我的CSS代码中，我有类似以下内容：
.home-inner {
background-image: url(../img/bg.jpg);
}
但是，当我对其进行测试时，我所有的div标签的高度均为零，因此背景图片不可见。我已经读到它与溢出，父母和孩子有关，但我不太了解。
我是初学者，因此，感谢您在阿根廷的问候，提前感谢您的帮助。
-编辑-
我需要图像在所有高度和宽度上都为背景而不滚动，并使其保持响应状态，但仍然无法正常工作。
我在下面添加了屏幕截图。
侯赛因·法瓦兹
将高度和宽度应用于.home-inner，并确保您的网址''在图像路径周围加上引号。您还可以使用background属性来自定义背景图像。
.home-inner {
height: 100vh;
width: 100vw;
background-image: url('../img/bg.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
来自加拿大的问候！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
自适应iframe上的Div高度为0px
- 2
父 DIV 高度：0px 但子元素仍然显示
- 3
元素的高度为 0px
- 4
外部<div>高度0px
- 5
Div在字体大小上的高度增加：嵌套链接中为0px
- 6
砌体布局加载高度为0px
- 7
当我再次单击时，它不显示任何内容，高度返回到0px，但其中的元素显示且不显示任何内容或离开页面
- 8
为什么我的 div 在高度设置为 50% 时不显示，但在设置为 500px 时显示？
- 9
在Bootstrap Modal中嵌入Google Maps时，高度和宽度均设置为0px
- 10
<div>不显示高度
- 11
按钮自动调整为0px x 0px
- 12
div背景不显示
- 13
动画div从高度：0px到第一次单击时自动失败
- 14
div 上方的 div（两个底部：0px;）
- 15
嵌套在另一个SVG元素中的SVG元素的大小为0px * 0px
- 16
CSS背景：不显示img的透明url（）
- 17
为什么在这种情况下100％的高度= 0px？
- 18
AppBarLayout / Toolbar不显示（高度= 0）
- 19
通过VueJS加载ChartJS-ChartJS为空且尺寸为0px
- 20
通过VueJS加载ChartJS-ChartJS为空且尺寸为0px
- 21
带有img子元素的div父元素，其宽度为100％，高度为自动，始终留有2px的高度差
- 22
javascript加载的img仍为0高度
- 23
我的div背景颜色不显示
- 24
<div>中的背景图像不显示
- 25
div上载后不显示的背景颜色
- 26
CSS-div背景颜色不显示
- 27
CSS：背景图像不显示的div
- 28
将包含背景图像的Div设置为width：100％和height：auto使其不显示
- 29
为什么我的猫头鹰项目的宽度为0px
我来说两句