Question

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

CSS：

#main{
    background-image:url("images/wall.png");
    position:relative;
    width:100%;
    height:100%;
}

HTML：

<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>

Answer 1

您已将图片放入“图片”文件夹中，因此您可能已将自己的css放入“css”文件夹中。

如果是这样，试试这个：

background-image:url("../images/wall.png");

css从自己的相对路径调用背景图像... 不是使用css的页面的相对路径。

这将强制页面查看/ images目录，而不是/ css / images目录。

将背景图像放在div标签中

1 个答案: