Html 将背景图像放入div标记中

Html 将背景图像放入div标记中,html,css,image,background,Html,Css,Image,Background,我试图在跨越h1、h2和水平导航栏的div标记中显示一个图像作为背景。我的图像路径是正确的-我测试了它作为背景,只有h1,只有h2,等等。但是,它只是不会显示在我的div标签时。此外,如果我尝试只使用一种简单的颜色作为div标记的背景,那也不行 CSS: HTML: 您已经将图像放入了一个图像文件夹,因此很可能您已经将css放入了一个css文件夹 如果是,请尝试以下方法: background-image:url("../images/wall.png"); css正在从其自身的相对路径调用背

我试图在跨越h1、h2和水平导航栏的div标记中显示一个图像作为背景。我的图像路径是正确的-我测试了它作为背景,只有h1,只有h2,等等。但是,它只是不会显示在我的div标签时。此外,如果我尝试只使用一种简单的颜色作为div标记的背景,那也不行

CSS:

HTML:


您已经将图像放入了一个图像文件夹,因此很可能您已经将css放入了一个css文件夹

如果是,请尝试以下方法:

background-image:url("../images/wall.png");
css正在从其自身的相对路径调用背景图像。。。不是使用css的页面的相对路径


这将迫使页面查看/images目录,而不是/css/images目录。

它工作得非常好。可能还有其他css阻止背景图像显示。请尝试向div添加背景色,以便查看div本身是否可见。
<div id="main">
    <h1>Brian Buch</h1>
    <h2>Pianist</h2>
<div id="nav">
    <ul>
        <li>recordings</li>
        <li>calendar</li>
        <li>bookings</li>
    </ul>
</div>
</div>
background-image:url("../images/wall.png");