【问题标题】: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;}
    

    【讨论】:

      猜你喜欢
      • 2020-10-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-05-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多