html - css 没有在网页上显示背景封面

Question

我想固定一张图片作为背景封面。

这是我的 CSS 文件:

.venue-end-banner{
    background-image:url('../images/partner-testimonial-banner.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}

和这个html代码

<div class="venue-end-banner">

  </div>

但它没有显示任何内容。请有人帮助我。谢谢

Answer 1

尝试为 venue-end-banner 元素添加高度。没有任何内容，浏览器假定高度为零。

.venue-end-banner{
  background-image:url('../images/partner-testimonial-banner.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  height:200px; 
}