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

Answer 2

div中没有内容，因此块的高度等于0.只需将一些内容添加到div或编辑CSS，如下所示：

＆＃13;

.venue-end-banner {
  min-height: 100px;
  background-image: url('https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.png?v=9c558ec15d8a');
  background-size: cover;
  background-repeat: no-repeat;
}

＆＃13;

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

＆＃13;

另外，请确保图片网址正确并且 partner-testimonial-banner.jpg 文件已成功加载。

Answer 3

好的，你的问题是因为你的div是空的，所以身高是0。

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

喜欢：

min-height : 100px;

css未在网页上显示背景封面

3 个答案: