HTML背景图像没有正确重复

HTML背景图像没有正确重复,html,image,css,Html,Image,Css,我正忙着从psd模型设计一个网站,但是我很难让图像正确地重复 这是模型: 这是我的网站的一张图片(注意背景在结束前是如何停止的) 需要注意的是,当我去掉css的height属性时,背景图像完全消失了,我觉得很奇怪 bg图像只是一个重复的小图像 如果有人能告诉我我做错了什么,我将不胜感激 #wrapper { background: url("images/background.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); height

我正忙着从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;
}

请告诉我是否应该添加一些代码。

我想问题是您硬编码了
高度
宽度
。因此,在覆盖指定的
px
后,背景将被切断。设置高度为

height:100%;
width:100%;

将高度增加到2000px

 height: 2000px;

尝试添加
height:100%
或在
px
中添加
3000px
等(取决于所需的页面长度)。当前
background
可以重复,但其重复高度由您硬编码,小于页面长度

最好不要硬编码高度。就像页面长度增加一样,您必须一次又一次地更改高度。正确的解决方案是提供
高度:100%


祝你好运

@VaibhavJain nope bg dispapers。你能做一把小提琴吗please@HarisShah当然,等等!尝试将您的高度和宽度设置为100%