Javascript 无法在HTML中为特定DIV添加背景图像

我有如下网页：

我试图在下面标记的部分添加一个小背景图像：

我为DIV尝试了以下代码

.king{
背景图片：url（../img/banner lg.jpg）；
}

---

您可以使用下面的代码设置背景图像

.king {
background-image: url('../img/banner-lg.jpg');
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-top: 66.64%; /* (img-height / img-width * container-width) */
            /* (853 / 1280 * 100) */

---

}

正如您在我的代码片段中看到的，如果您为div设置了一些宽度和高度静态值，则会显示图像

确保你的div有高度，这样他就可以展示你的形象

确保图像url（）已更正，是否尝试显示外部图像，如

.king{
背景图像：url（“http://via.placeholder.com/200x200");
/*如果注释背景重复，图像将重复*/
背景重复：无重复；
宽度：500px；
高度：500px；
/*如果你评论宽度和高度，你只会看到一条由标记的灰色线条
如果你评论你什么也看不到*/
}

这里有一些文字

试着这样写：-

.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;
}

---

我会首先检查a）图像是否确实存在于您指向的位置b）容器是否有任何高度；可能这个特定div中的内容是浮动的还是绝对定位的？很难说下面是你给出的代码。图像在那里，div没有任何高度，这就是为什么你不能将背景图像放在那里的原因。它也可以被渲染，但高度为0像素，因此不会真正显示。如果您可以创建此部分的完整代码，我们可以尝试找出容器没有高度的原因并解决问题：）如果.king div的高度为0。。。。我的爱好内容在哪里？如果你在有king类的div中包含该内容，则该内容的高度必须至少与该内容的高度相同（如果该内容未包装在具有绝对位置的div中）@Dario如果使用king div包装的内容向左浮动（且未清除），则高度仍将为0。你的答案有效，但会出现许多图像，我怎样才能让它只出现在我的答案与背景重复的例子。让我知道它是否有效，你在世界上哪里会想出“英雄形象”或“摄影师.jpg”？！我只是给了你这样定制代码的想法。不是这样，我已经根据你写了所有的代码，你只是复制并粘贴到你的代码中。