如何將div內容區域添加到頁面的頂部？

我想添加一個標題區域到一個HTML頁面的頂部，並且可以顯示一些內容的背景圖片。如何將div內容區域添加到頁面的頂部？

這裏是我編輯主題的預覽： http://live.bobosh.com/frontium/

我試着加入：

<div class= "top"> 
    .top { 
    width:100%; 
    height: 50px; 
    background-image: url ('/img/background.png') repeat-x; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 999; 
}

它只是推都記錄下來，並沒有顯示我的背景圖片。

謝謝。

編輯：好吧，我能夠只使用背景顏色和邊框來獲得div看我想要的方式，它被固定在頂部。但是，現在它正在覆蓋我的標題區域的一部分。我希望它固定在頂部，但不希望它顯示在我的其他任何內容上。我只是希望它顯示在上面。

我該怎麼做？

謝謝。

來源

2012-10-20 Thomas Spade

background.png在你的根文件夾img目錄中？ –

您的網站是相當令人印象深刻.. :) –

@Thomas Spade你是否試圖把一個div總是保持在頁面向下滾動的頂部？然後[看看這個]（http://stackoverflow.com/questions/5702050/fixed-position-div-always-appear-on-top） –

look at this fiddle我認爲你有沒有圖像或路徑是錯誤的/img/background.png

`background-image: url ('/img/background.png') repeat-x;`

刪除repeat-x，並檢查是否ü希望ü可以添加 background-repeat:repeat-x;到你的CSS

來源

2012-10-20 03:57:11

感謝您的快速回復。我已經多次檢查了圖像目錄和路徑，我知道這是正確的。我認爲這與我將div放在html頁面上的位置有關。 –

我已經做了一個樣本http://jsfiddle.net/CzKKt/在這裏檢查 –

是的，我看到了，我甚至改變了在示例中使用的圖像的路徑。 http://www.thewwwblog.com/images/google-chrome-ball.jpg仍然一無所獲。 –

如何將div內容區域添加到頁面的頂部？

回答

相關問題