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

我想修复一个图像作为背景封面

这是我的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>

---

但它没有显示任何东西。请有人帮帮我。谢谢

尝试为场馆端横幅元素添加高度。如果没有任何内容，浏览器将假定高度为零

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

---

div

中没有内容，因此块的高度等于0。只需在

div

中添加一些内容，或按如下方式编辑CSS：

。场馆结束横幅{
最小高度：100px；
背景图像：url（'https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.png?v=9c558ec15d8a');
背景尺寸：封面；
背景重复：无重复；
}

---

好的，您的问题是因为div为空，所以height为0

您需要将此值添加到div css中

比如：

min-height : 100px;

---

检查它，检查元素是否有高度或添加填充底部：一些值。我们无法帮助您了解这么少的信息。。你的css文件加载了吗？您的图像的URL是正确的吗？是的，css已加载，URL是正确的，可以将一些内容放入该div中，如a

。如果它为空，您将看不到任何背景图像高度不工作，背景大小：在inspect element中不接受cover如果块元素为空，则宽度不为零。只是高度，但这使图像占据给定的高度和宽度，它仍然没有显示cover@juhi，你确定吗？如果您运行我文章中的代码段，那么您将看到背景图像。