尽管检查了常见问题，背景图像仍不显示

Question

我正在 css 中使用背景图像上传图像，尽管确保文件路径正确并用另一个图像替换原始图像以查看原始图像是否有问题，但我无法显示图像。我知道文件路径是正确的，因为我使用 VScode，并且当我开始输入时它会自动填充。我还通过将其他 css 命令添加到样式表中来检查以确保正确输入了 styles.css 文件，这有效。

这是我的代码：

.header-image {
    background-image: url("images/image.png");
    background-size: cover;
}

 <section class="header-image container-fluid">
 </section>

Answer 1

您需要提供图像的高度和相应的宽度。

.header-image {
  background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT4Ni-Mk_BC1FX6wSH1QXsQKG3HNneBVwZGmg&s");
  background-size: cover;
  height: 300px;
}

<section class="header-image container-fluid">
</section>