css - 图像不会出现在外部 CSS 中

Question

大家好，这个问题困扰我很久了。

我在外部样式表中的图像不会出现。当我将它放在 html 的头部时，它就会出现！我目前正在使用 Aptana Studio 3，但我认为这与 Aptana 无关。

这是我的外部css中的代码：

  .menuMainwrapper {
  position: relative;
  height: 54px;
  z-index: 30;
  background: url("img/menuwrapper.png") center top repeat-x;
  margin: 0 -20px;
  padding-left: 20px;
  }

这是html：

  <div class="menuMainwrapper">
  <ul class="menus menuMain">
  <li><a href="#">Home</a></li>
  </ul>
  </div>

我已经检查了目录，如果我将它放在文档的头部，它应该是正确的，因为它可以工作。哦，我正在使用来自 Aptana 的 Html 5 模板

Answer 1

我怀疑您图片的参考网址不正确

尝试

background: url("../img/menuwrapper.png") center top repeat-x;

如果您的 css 在 /css 文件夹中并且图像在 /img 文件夹中

Answer 2

检查您的图像路径。您可以使用 Chrome 开发者工具。如果路径不正确，右下角应该有错误。