Html 图像赢得'；不要出现在网页上

我已经在我的html上添加了一些图像，但它没有显示在网页上。图像的目录路径是正确的，第一个图像出现在我添加其余图像之前。我认为这与高度有关，所以我在css上添加了高度，但仍然没有

不确定在没有图像的情况下是否有助于解决问题，但我已将代码粘贴到下面：

<section class="pictures">
        <div class="container">
            <div class="row1">
                <div id="first" class="img1" style="background-image:url(images/page-1_img1.jpg);">
                </div>
                <div id="second" class="img2" style="background-image:url(images/page-1_img2.jpg);">
                </div> 
            </div>
            <div class="row2">
                <div id="third" class="img3" style="background-image:url(images/page-1_img3.jpg);">
                </div>
                <div id="fourth" class="img4" style="background-image:url(images/page-1_img4.jpg);">
                </div>
                <div id="fifth" class="img5" style="background-image:url(images/page-1_img5.jpg);">
                </div>
            </div>
        </div>
    </section>

---

谢谢。

由于您将图像用作背景图像，因此必须为其所有容器定义至少一个

高度

（最好也是

宽度

），即

#第一个

，

#第二个

等

否则（因为它们没有任何其他内容），这些元素的高度将为零，因此背景图像将保持不可见

---

另外：实际上，如果您不是针对任何需要背景图像的特殊解决方案，那么使用

img

标记而不是将图像用作背景图像更有意义。如果你坚持使用背景图像，你还必须定义它们的大小和不重复，因为你使用图像作为背景图像，你必须为它们的所有容器定义至少一个高度（最好也是一个宽度），即第一个、第二个等等

否则（因为它们没有任何其他内容），这些元素的高度将为零，因此背景图像将保持不可见

---

另外：实际上，如果您不是针对任何需要背景图像的特殊解决方案，那么使用

img

标记而不是将图像用作背景图像更有意义。如果您坚持使用背景图像，还必须按元素定义其大小和

no repeat

，Johannes表示您的

div

s。你需要在背景图像上加上一个宽度或一个“禁止重复”，否则你会一次又一次地得到一行相同的图像，如果没有具体的原因，我建议你也使用这个选项。编辑：谢谢。使用img标记比使用背景图像更有意义。因为我只想显示图像，而不是作为背景图像。按元素，Johannes表示您的

div

s。你需要在背景图像上加上一个宽度或一个“禁止重复”，否则你会一次又一次地得到一行相同的图像，如果没有具体的原因，我建议你也使用这个选项。编辑：谢谢。使用img标记比使用背景图像更有意义。因为我只想显示图像，而不是背景图像。

.container {
    height: 500px;
    width:1024px;
}