Html 如何在图像背景上覆盖文本

这是我的CSS

.newbody
{
    background-image:url('Images/CityofChicago.jpg');

    height:600px;
    width:1270px;
    position:relative;

}

.otherstuff
{

     position:absolute;
}

这是我的HTML

   <div class="newbody">
      <!--  <img src="Images/CityofChicago.jpg" height="600px" width="1280px" class="image" alt=""/> -->
      some Text

      <div class="otherstuff">
      <ul>
        <li>One </li>
        <li>Two </li>
        <li>Three</li>
      </ul>
      </div>
      </div>

一些文本

一个
两个
三

您的代码看起来是正确的，只需找到正确的图像路径即可。如果css内嵌在html文档中，则html文档的位置将成为基础；如果css位于.css文件中，则其位置将成为基础。如果您的结构是：

• index.html
  • /css
    • style.css
  • /图像
    • CityofChicago.jpg

---

然后该行将是

背景图像：url（'../Images/CityofChicago.jpg'）
这是你的CSS，这是你的HTML。。。你想让它自己起作用的尝试在哪里？我一直在尝试。。。我不是一个前端的人，我认为使用背景图片url是我应该做的，我希望有人可以引导我在正确的方向。我很抱歉如果你认为我在找人为我工作，我可以向你保证，事实并非如此。你到底想做什么，什么不起作用？除了在问题中包含您的代码之外，您还可以使用jsfiddle.net来说明一些事情。这正是我想要的，但是我的图像没有显示出来。它位于“Images/CityofChicago.jpg”文件夹中，您的.css相对于图像的位置在哪里？你的.css文件在一个单独的文件夹中吗？你们都是对的，但出于某种原因，行背景图像：url（'../Images/CityofChicago.jpg'）；仍然没有显示图像。文件夹结构正是上面显示的。当你在html文件中取消注释图像时，它会显示吗？加载.css的链接是什么样子的？