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 文件夹中