HTML 背景图像未正确重复

Question

我正忙于根据 psd 模型设计网站，但我无法正确重复图像。

这是模型:

这是我的网站的图片 (注意背景如何在结束之前停止)

需要注意的是，当我去掉 css height 属性时，背景图像完全消失了，我觉得这很奇怪......？

bg 图像只是一个重复的小图像。

如果有人能告诉我我做错了什么，我整个上午都被困在这个问题上，将不胜感激。

#wrapper {
    background: url("images/background.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 1000px;
    margin: 0 auto;
    padding-left: 0;
    width: 1380px;
}

如果我应该添加更多代码，请告诉我。

Answer 1

我认为问题在于您对 height 和 width 进行了硬编码。因此，在覆盖指定的 px 后，背景将被切断。设置高度为；

height:100%;
width:100%;