奇怪的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');。

查找文件位置并修复您的路径。