奇怪的CSS問題

Question

我一直有一個奇怪的CSS問題，試圖重複圖片標題，由於某種原因，它不工作，這裏是代碼，我做錯了什麼？

body { 
    background:url(images/bg.png) repeat 0% 0%; 
    font-family: 'Helvetica Neue', Arial, Verdana, sans-serif; 
    margin: 0; 
     padding: 0; 
} 
/* this part is not working its only showing the header in its original size I am trying to make it repeat*/ 

#header { 
    width: 100%; 
    background: url(header.png) repeat-x; 
    height:44px; 

} 

HTML: 
<div id="wrap"> 
    <div id="header"> 



    </div> 
    </div> 

Answer 1

這是你的路徑。您的header.png與您的CSS文檔處於相同的路徑嗎？

如果沒有，使用相對路徑功能，例如：

width: 100%; 
background: url(../header.png) repeat-x; 
height:44px; 

添加每個子一../公用文件夾從圖像在於你英寸

Answer 2

您可能試圖調整內聯元素的大小。嘗試添加此參數 - 顯示：塊

編輯：我看到你正在使用一個div，無視我以前的答案。

Answer 3

嘗試

#header { 
    width: 100%; 
    background: url(header.png) repeat-x; 
    height:44px; 
    display:block 
} 
#wrap { 
    width: 100%; 
    display:block 
} 

但是..我測試了原代碼的小提琴（與其它圖像）和它的作品好，可能問題並不在#header，可能是問題是它有另一個元素另一個寬度。

Answer 4

做工精細這裏

http://i51.tinypic.com/2ds1ele.jpg

Answer 5

看看這個小提琴：http://jsfiddle.net/ksCnL/

這是你的代碼，但有一個正確的圖像路徑。如果您的header.png位於父目錄中，請使用url('../header.png');。 如果它位於圖像文件夾中，請嘗試使用url('../images/header.png');或url('/images/header.png');。

查找文件位置並修復您的路徑。