图像不会出现在外部 CSS 中答案

【问题标题】：Images wont appear in External CSS图像不会出现在外部 CSS 中
【发布时间】：2012-06-14 03:41:24
【问题描述】：

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

我在外部样式表中的图像不会出现。当我将它放在 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 模板

【问题讨论】：

标签： css image html aptana

【解决方案1】：

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

试试

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

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

【讨论】：

【解决方案2】：

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

【讨论】：