容器背景重复-y不工作

Question

拥有以下HTML代码：

<div id="container">
    <div id="container2">
            ...
    </div>
</div>

以及以下css：

#container {
background: #323232 url(../images/container-bg.png) repeat-y;
position: relative;
min-height: 75%;
}

#container2 {
background: url(../images/container-bg-right.png) repeat-y right top;
}

但是我将'min-height：75％'添加到#container后，＃container2中的图像没有垂直重复。

任何建议表示赞赏！

Answer 1

所以我明白了，这就是我所做的：

#container {
    background: #323232 url(../images/container-bg.png) repeat-y;
    position: relative;
    height: 75%;
}

#container2 {
    background: url(../images/container-bg-right.png) repeat-y right top;
    min-height: 100%;
}

谢谢！

Answer 2

我相信你的container2背景不重复，因为它没有高度。所以如果你想让它重复一次就像容器一样，只需给它与container1相同的最小高度。