图片将不会出现在网页上

我在我的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>

CSS：

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

谢谢。

来源

2017-04-19 Bibek Sharma

由于正在使用的图像作为背景图像，则必须定义至少一个height（优选也是width）为他们的所有容器，即#first，否则#second等

（因为他们不”吨有任何其他内容），这些元素将具有零高度，所以背景图像将保持无形

增加：实际上，它更有意义，而不是使用使用图像作为背景图像img标签，如果你是没有针对任何需要背景图像的特殊解决方案。如果你坚持使用背景图像，你还必须定义它们的尺寸和no-repeat。

来源

2017-04-19 20:54:32 Johannes

由元素，约翰内斯意味着你的'div's。你需要一个宽度或不重复你的背景图像，否则你会一遍又一遍地得到一排相同的图像 – indubitablee

如果没有特定的原因，我建议使用。编辑：错字 – Sens

谢谢。使用img标签是有意义的，而不是使用背景图像。因为我只想显示图像而不是背景图像。 –

图片将不会出现在网页上

回答

相关问题