为什么不会显示背景图片？

我想显示一个网站标题的背景图片，但是，它不会显示。下面是代码：为什么不会显示背景图片？

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()财产无论有没有单引号，但都没有办法。

（我知道类似的问题已经被问过，我已经看了几个人，但答案没有解决我的问题。）

来源

2011-10-16 Saladin Akara

确保header.png实际存在于styles文件夹中。 – BoltClock

你的代码是好的。确保header.png存在并位于styles文件夹中。

来源

2011-10-16 13:14:35 Brent

是的，那是问题所在。所以习惯于将我的样式表放在根文件夹中！谢谢！ –

为什么不会显示背景图片？

回答

相关问题