Question

我正在尝试显示网站标题的背景图片，但是，它不会显示。这是代码：

HTML：

<!DOCTYPE html>
<html>
<head>
    <title>Matt Hayward's Blog</title>
    <link rel="stylesheet" type="text/css" href="styles/main.css">
</head>
<body>
    <div id="wrapper">
        <div id="header">

        </div> <!-- header -->
        <div id="navbar">
            <ul>

            </ul>
        </div> <!-- navbar -->
        <div id="maincontent">

        </div> <!-- maincontent -->
        <div id="rightmenu">

        </div> <!-- rightmenu -->
    </div> <!-- wrapper -->
    <div id="footer">

    </div> <!-- footer -->
</body>
</html>

header div的CSS：

#header
{
    background: #fff url(header.png) no-repeat;
    width: 960px;
    height: 121px;
}

这是我之前已经使用过一百次的事情，并且从未出现过显示背景图像的问题，所以我完全不知道为什么它不起作用。如果有人可以提供帮助，那就太棒了。

我已尝试使用和不使用单引号的url()属性，但两种方法均无效。

（我之前已经问过类似的问题了，我看了几个问题，但答案并没有解决我的问题。）

Answer 1

你的代码很好。确保header.png存在并驻留在styles文件夹中。

为什么不显示背景图片？

1 个答案: