背景图像没有显示出来

Question

我正在为我的网站开发一个子页面。我有一个导航栏和页脚。我只是想在导航栏后面添加一个背景图像，就像这样。

我试过..

<div class="seo-content"></div>

.seo-content{
  background: url("/images/ss.jpg");
  background-size: cover;
}

但它没有按预期工作。

现在它以这种方式显示..

如果我添加高度属性，它会显示出来。但我需要在屏幕上绘制实际图像大小。这就是为什么我使用background-size：cover;

我的代码出了什么问题？

Answer 1

div可能是浮动div容器的子代吗？ 如果它是浮动div或封闭元素的子元素，它将具有零高度，因此不显示图像。

尝试检查元素以获得更多细节？

Answer 2

用于以下代码：

 .seo-content {
   background: url("w3schools.com/css/bgdesert.jpg");
   background-size: cover;
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 0;
 } 

Answer 3

尝试设置固定的高度：

.seo-content{
  background: url("/images/ss.jpg");
  background-size: cover;
  height: 200px;
}