如何在屏幕的整个横向上水平重复此背景?

时间:2013-02-20 02:53:14

标签: css background background-image

我使用图片作为背景。它只有几个像素宽,所以我在屏幕的宽度上重复它。出于某种原因,它会在浏览器窗口的右侧稍微停止(在厘米和英寸之间,具体取决于您的像素设置)。这是我正在使用的CSS:

#bgcontainer { margin:0; padding:0; background:url(images/main_bg.gif) top repeat-x;}

如何摆脱最后的白色列并使背景图像一直重复到最后?该网站位于avidest.com,因此您可以看到,如果您一直向右滚动,则会显示一个白色列。谢谢。

2 个答案:

答案 0 :(得分:3)

您是否尝试过background-repeat:repeat-x

#bgcontainer { margin:0; padding:0; background:url(images/main_bg.gif); background-repeat:repeat-x
;}

答案 1 :(得分:0)

将背景css设置为body标签,也许这可以帮助您解决问题

body { margin:0; padding:0; background:url(images/main_bg.gif) top repeat-x;}