无法显示背景图像

Question

我有以下div:

<div class="col-lg-5 ml-lg-auto">                            
<div class="image-container">
<img class="table-img" src="/img/home.png" alt="">
</div>
</div>

本质上，我想在.image-container中显示背景图像，所以我创建了以下类：

.image-container {
height: 100%;
width: 100%;
background-image: url(../img/car.png);
}

文件夹结构如下：

/ source
/ img
/ css

当我检查.image-container时，我得到了正确的url，当我在新窗口中打开它时，我可以看到文件，如果我在这里指定background-image: url('https://somesite.com/image.png');，容器中的图像就会显示出来，所以看起来是一个相对的url问题，但我在这里看不到问题。

Answer 1

最有可能的问题是.image-container的height设置：它是100%，但100%是什么？如果父容器没有定义的高度，并且div本身没有内容，则其高度将为0，因此您将看不到任何内容。若要尝试(如果适用(，请将height设置为固定像素值。如果你看到背景图像，问题肯定是height设置。