將一個背景圖像放在一個div標籤中

我試圖在跨越h1，h2和水平導航欄的div標籤中顯示圖像作爲背景。我的圖像路徑是正確的 - 我測試了它作爲h1的背景，只是h2等。但是，它放在我的div標籤中時不會顯示出來。此外，如果我嘗試使用簡單的顏色作爲我的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>

來源

2014-11-08 bjorkland

它完美的工作。 http://jsfiddle.net/phLk84pm/可能有一些其他的CSS阻止背景圖像顯示出來。 – 2014-11-08 18:09:16

嘗試爲div添加背景顏色，以便您可以查看div本身是否可見。 – 2014-11-08 18:28:11

你把你的圖像到「圖片」文件夾中，因此很可能你已經把你的CSS的「CSS」的文件夾。

如果是的話，試試這個：

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

的CSS是從自身的相對路徑調用背景圖片... 不是使用CSS頁面的相對路徑。

這將強制頁面查看/ images目錄，而不是/ css/images目錄。

來源

2014-11-10 18:59:29 charliebowden

將一個背景圖像放在一個div標籤中

回答

相關問題