HTML背景图像没有正确重复
我正忙着从psd模型设计一个网站,但是我很难让图像正确地重复 这是模型: 这是我的网站的一张图片(注意背景在结束前是如何停止的) 需要注意的是,当我去掉css的height属性时,背景图像完全消失了,我觉得很奇怪 bg图像只是一个重复的小图像 如果有人能告诉我我做错了什么,我将不胜感激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
#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%