css - CSS 背景图片疑难解答-6ren

css - CSS 背景图片疑难解答

转载作者：行者123 更新时间：2023-11-28 09:29:29

我是 stack overflow 的新手，但我已经使用 CSS 大约一年半了。

我似乎无法让背景属性为我的 div class="content"工作。最后，我只想使用 background-image: url('home_bg.png'); 在 div 上放置一个背景图像。

我用 Google 搜索了这个问题并在堆栈溢出上进行了查找，但到目前为止我发现的问题没有帮助。我将我所有的背景图片都保存在与我的 CSS 相同的文件夹中，并且我已经三重检查了我的文件名是否正确。我知道 div 在 CSS 中被正确定位，因为宽度和边距等其他属性工作正常。

我什至试过在它上面放一个难看的背景色，看看它是否有效。它没有。我确定可能只是一些小问题，但我找不到。

HTML:

<body>
 <div class="navbar"> ... </div>
 <div class="content">
  <div class="box" id="twitter"> ... </div>
  ...
  ...
 </div>
 <div class="footer> ... </div>
<body>

CSS:

body {
  background-color: #000;
  background-repeat: repeat;
  margin: 0px;
  padding: 0px;}
div.content {
  background-image: url("home_bg.png");
  margin: 0 auto;
  position: relative;
  top: 84px;
  width: 1024px;}

页面位于here如果这也有帮助的话。

提前致谢!~塔蒂安娜~

最佳答案

这是您的内容 div。它没有指定的高度，它的内容元素是“流出”( float 或position:absolute)。这有效地产生了一个 0px 高度的内容 div。为了与众不同，您可以添加此样式规则: