javascript - 无法为 HTML 中的特定 DIV 添加背景图像

Question

我有一个像下面这样的网页:

我正在尝试在下面标记的部分添加一个小背景图片:

我为 DIV 尝试了以下代码

.king {
background-image: url(../img/banner-lg.jpg);
}

<div class="king">
</div>

但是背景图片没有显示出来，谁能帮我解决这个问题。

Answer 1

试着这样写:-

.hero-image {
      background-image: url("/images/photographer.jpg");
      background-color: #cccccc;
      height: 500px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
}