CSS背景图片重复问题

Question

我正在尝试让背景图像在页面底部重复 x 和 y。

背景图片图案div是

#pattern {    
    height: 3000px;
    width: 1000px;
    background:url(../images/patterns/pattern1.jpg) repeat;
    }

在html中，它驻留在里面

#wrapper {    
    position: relative;    
    width: 1000px;    
    margin: 0 auto;    
    text-align: left;    
    }

#pattern 的高度设置为 3000px，这样它就会显示出来，否则图像不会出现。

我试过很多东西，比如:

height: 100%;
min-height: 100%;
overflow: hidden;
overflow: auto;

我希望背景图片重复到#wrapper 的底部，到页面的底部。

网页在这里:

非常感谢。

Answer 1

您已在 wrapper 上设置了固定高度，因此无论其中有多少内容，它都会停在 3000 像素处。请尝试使用最小高度。这将使它保持最小尺寸以便可见，但允许它增大以适合其中的内容。