html - Repeat-x 不起作用 - css

Question

我有一个关于 repeat-x 的问题。我的 CSS 代码是这样的:

#header {
}

#header_left {
background:url("../img/header_l.png") no-repeat;
float:left;
width:341px;
height:258px;
}

#header_content {
background:url("../img/header_c.png") repeat-x;
width:32px;
height:258px;
float:left;
}

#header_right {
background:url("../img/header_r.png") no-repeat;
float:right;
width:341px;
height:258px;
}

和html代码:

<div id="header">
        <div id="header_left"></div>
        <div id="header_content"></div>
        <div id="header_right"></div> 
    </div>

但图像 header_c.png 只重复一次。我该如何解决这个问题？

这是屏幕截图:http://i.stack.imgur.com/mo0JW.png , header_c.png 重复一次然后留下空白。

Answer 1

也许您的意思是repeat-y，查看 HTML 元素的尺寸。