【问题标题】:How do I make this background repeat horizontally the entire way across the screen?如何让这个背景在整个屏幕上水平重复?
【发布时间】:2013-02-04 23:06:30
【问题描述】:
我使用图像作为背景。它只有几个像素宽,所以我让它在屏幕的宽度上重复。出于某种原因,它会在浏览器窗口右侧稍稍停顿(取决于您的像素设置,介于一厘米和一英寸之间)。这是我正在使用的 css:
#bgcontainer { margin:0; padding:0; background:url(images/main_bg.gif) top repeat-x;}
如何去掉最后的白柱,让背景图一直重复到最后?该站点位于 avidest.com,因此您可以看到,如果您一直滚动到右侧,则会出现一个白色列。谢谢。
【问题讨论】:
标签:
css
background
background-image
【解决方案1】:
你有没有尝试过 background-repeat:repeat-x
#bgcontainer { margin:0; padding:0; background:url(images/main_bg.gif); background-repeat:repeat-x
;}
【讨论】:
-
亚当,如果你不介意帮忙的话,我发布了另一个类似的问题。非常感谢。 link
【解决方案2】:
将背景css设置为body标签,也许这可以帮助您解决问题
body { margin:0; padding:0; background:url(images/main_bg.gif) top repeat-x;}