css - 背景图片只显示一次

Question

我有一个奇怪的问题，我无法理解：

我有一个标题 div，我想显示一个水平重复的背景图像：

的HTML：

<div id="headerwrapper">

     <div id="header">
          <p>This is an extremely interesting test. This is an extremely interesting test. This is an extremely interesting test.</p>
     </div>

</div>

这是CSS：

* {
    margin:0;
    padding:0;
}

#headerwrapper {
    margin:0 auto;
    width:630px;    
}

#header {
    width:630px;
    background-image:url(../images/headermiddleback.jpg);
    background-repeat:repeat-x;
}

当我在浏览器中查看它时，我只能看到文本上方显示的背景图像的 1 个实例。但它没有重复。

知道我在这里做错了什么吗？

Answer 1

这是您在 jsFiddle 上的示例，似乎可以正常工作。 http://jsfiddle.net/MgvLT/1/

也许你有一些其他的 CSS 进入了方式，或者你的背景图像有很多空白空间。请在 jsFiddle 上发布您的示例。

Answer 2

也许您需要清除浏览器缓存？

例如，这是一个SO Post，展示了如何为 Chrome 执行此操作。

Answer 3

您可能想使用repeat-y而不是repeat-x

#header {
    width:630px;
    background-image:url(http://dl.dropbox.com/u/4457768/css/headermiddleback.jpg);
    background-repeat:repeat-y;
}