HTML背景图像不能正确重复

我忙于从psd模型设计网站，但是我无法正确重复图像。HTML背景图像不能正确重复

这里是样机：

enter image description here

这里是我的网站的图片（注意背景如何停止它到达终点前）

enter image description here

需要注意的是，当我拿走CSS的高度属性，完美的背景图像消散，我觉得很奇怪...？

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; 
}

请让我知道我是否应该添加更多的代码。

来源

2014-05-15 Marilee

@VaibhavJain nope bg dissapers then。 – Marilee

@ SW4肯定.... - - 0 – Marilee

你可以创建一个小提琴请 – Haris

我认为问题是你已经硬编码了height和width。因此，在覆盖指定的px后，背景被切断。设置高度为;

height:100%; 
width:100%;

来源

2014-05-15 11:01:06 ShinyJos

增加高度，以2000像素

height: 2000px;

来源

2014-05-15 11:02:49 meena

尝试增加height: 100%或px像3000px等（取决于您需要的页面长度）。目前background重复的很好，但它重复的高度硬编码由你小于页面长度。

它最好不要硬代码高度。就像页面长度增加一样，你必须一次又一次地改变高度。正确的解决方案是提供height: 100%;。

祝你好运！

来源

2014-05-15 11:12:09

HTML背景图像不能正确重复

回答

相关问题