html - 背景图片不显示

标签 html css twitter-bootstrap-3

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

enter image description here

我试过了..

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

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

但它没有按预期工作。

现在是这样显示的..

enter image description here

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

我的代码有什么问题?

最佳答案

div 可能是 float div 容器的子元素吗? 如果它是 float div 或封闭元素的子元素,它将具有零高度,因此不会显示图像。

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

关于html - 背景图片不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38035187/

相关文章:

javascript - 从选择中获取范围内的源代码片段?

css - Firefox 和 Opera/Chrome/IE 中的表单填充差异

javascript - Bootstrap 3 在禁用 IE8 的 Javascript 上

javascript - 如何使用 2 个数组创建具有键和值的新数组?

javascript - 当值为 null 或空时隐藏 DIV

javascript - Chrome 中的表单样式

jquery - 为什么导航在切换后不能移回原位?

html - 如何将此按钮与文本框对齐?

html - 引导网格问题

css - bootstrap3 切换按钮显示所有导航栏(无向下滚动按钮)