爲什麼不會顯示背景圖片？

我想顯示一個網站標題的背景圖片，但是，它不會顯示。下面是代碼：爲什麼不會顯示背景圖片？

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

是的，那是問題所在。所以習慣於將我的樣式表放在根文件夾中！謝謝！ –

爲什麼不會顯示背景圖片？

回答

相關問題