css - CSS Faux Column 布局出现问题 - 背景列图像未出现

Question

如前所述，我正在尝试使用假列方法来获得匹配高度的列。我遵循了 CSS: The Missing Manual 中列出的方法，它与我在 ALA 和其他在线资源上看到的所有内容相匹配。我遇到的问题是人造列图像永远不会出现在屏幕上。这是我正在使用的 HTML：

<div id="contentWrapper">
  <div id="reports">   
    <h2>yyyy</h2>  
    <p>xxxxx</p>                               
  </div>

  <div id="webApps">
    <h2>yyyy</h2>
    <p>xxxxx</p>
  </div>

  <div id="resources">
    <h2>yyyy</h2>
    <p>xxxx</p>
  </div>

  <div id="footer">
    <hr style="text-decoration:dotted" />
    <p> xxxx </p>
  </div>
</div>

和CSS：

#contentWrapper {   
  background: url(fauxcolumn.png) repeat-y left top;
}
#reports {
  width: 300px;
  float: left;
  font-size: 11px;
}
#webApps {
  width: 150px;
  float:left;
  margin: 21px 100px 0px 80px;
}
#resources {
  width: 210px;
  float: left;
  text-align:left;
  margin-top: 21px;
}
#footer {
  clear:both;
  text-align: center;
  font-size: smaller;
  color: darkgray;
}

Answer 1

从评论中提取：你确定你有正确的图片链接吗？确保fauxcolumn.png位于与您的页面/样式表相同的目录级别。