无法显示背景图像

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，当我在新窗口中打开该URL时，我可以看到该文件，同样，如果我在这里background-image: url('https://somesite.com/image.png');特别显示了容器中的图像，则好像是一个相对URL问题，但在这里看不到问题。

Answer 1

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

Answer 2

有关相对路径，请尝试将网址包装在quotes (" ")，learn more中