Css 为什么赢了'；背景图像显示？_Css_Background Image

Css 为什么赢了'；背景图像显示？

css

Css 为什么赢了'；背景图像显示？,css,background-image,Css,Background Image,我试图显示一个网站标题的背景图像，但是，它不会显示。代码如下： HTML: 这是我以前使用过一百次的东西，在显示背景图像时从来没有遇到过问题，所以我完全不明白为什么它不起作用。如果有人能帮忙，那就太好了我尝试了url（）属性，包括单引号和不带单引号，但两种方法都不起作用（我知道以前也有人问过类似的问题，我看过其中几个，但答案并不能解决我的问题。）你的代码很好。确保header.png存在并驻留在styles文件夹中。确保header.png确实存在于styles文件夹中。是的，这就是问题所在

我试图显示一个网站标题的背景图像，但是，它不会显示。代码如下：

HTML:

这是我以前使用过一百次的东西，在显示背景图像时从来没有遇到过问题，所以我完全不明白为什么它不起作用。如果有人能帮忙，那就太好了

我尝试了

url（）

属性，包括单引号和不带单引号，但两种方法都不起作用

（我知道以前也有人问过类似的问题，我看过其中几个，但答案并不能解决我的问题。）

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

确保header.png确实存在于styles文件夹中。是的，这就是问题所在。所以习惯于将我的样式表放在根文件夹中！谢谢

<!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
{
    background: #fff url(header.png) no-repeat;
    width: 960px;
    height: 121px;
}