图片不会显示在背景中

Question

我正在遵循一个教程，并试图获取固定的图像作为网页的背景。在教程中，该人员输入的代码可以完美工作。但是，当我输入完全相同的代码时，图像不会出现。有什么原因吗？

HTML：

<div class="landing">
  <div class="home-wrapper">
    <div class="home-inner">
    </div>
  </div>
</div>

CSS：

.home-inner {
  background-image: url("test.jpg");
}

Answer 1

我建议仔细检查以确保路径正确。另外，请仔细检查您的css文件是否已正确标记，并再次检查文件名是否正确。

Answer 2

每次在代码中实现图像时，都需要指定高度和宽度。因此，如果您的图片分辨率为200px x 200px，则可以通过以下方式实现它：

CSS
.home-inner {
  background-image: url("test.jpg");
  width:200px;
  height:200px;
}