背景限制答案

【问题标题】：background limit背景限制
【发布时间】：2013-01-04 08:18:48
【问题描述】：

我缩小了网站的图形，使其可以适应 800 像素宽的屏幕，并且之前设置为 1000 像素。我已经完成了所有元素的大小调整，并将网站带到了页面的中心，两者都有 100 像素的空间侧面，但背景仍在整个页面上重复。我想要页面侧面的空白。bg.png 的大小为 100 * 100，并且在整个页面上重复。 http://imgur.com/zKyrf,ryv7y 灰色背景需要在 800px 宽度。我用于后台的命令是：

    html {

    height:100%;
}
html, body, ul, form {
    margin:0;
    padding:0;
}
html {
    background-image:url(../images/bg.png);

     margin-left: auto;
         margin-right: auto;

}
body {
     background:url(../images/bgGeneral.png) repeat-x 0 0 ;width:800px;

     width:800px;
     margin: 0 auto;

}

【问题讨论】：

给body 和html 提供背景是什么意思？它们都重叠了！
那是标题，它位于实际背景之上，我已将其删除，因为我认为它一定不是问题的原因。
哈哈好吧。反正我的回答解决了吗？顺便说一句，Siddhu，如果你用截图解释问题是什么会很好......
如何在 Praveen 此处添加屏幕截图？？
Siddhu，你不能因为你的名声。你截图上传到imgur.com，回复评论里的网址。

标签： css

【解决方案1】：

建议

给HTML 一个width，是没有用的！

html {
    width:800px;
    height:100%;
}

把它交给body，保持html正常！你想做什么？

html {
    height:100%;
}
body {
    width:800px;
    height:100%;
}

这是什么意思？删除这些：

html {
    background-image:url(../images/bg.png);

    margin-left: auto;
    margin-right: auto;

}
body {
    background:url(../images/bgGeneral.png) repeat-x 0 0 ;width:800px;
}

边距不影响 HTML！而是这样：

html {
    background-image:url(../images/bg.png);
}
body {
    background:url(../images/bgGeneral.png) repeat-x 0 0 ;
    width:800px;
    margin: 0 auto;
}

这应该可以解决所有问题！

【讨论】：

【解决方案2】：

试试background-repeat: repeat-y;

它正在重复，因为您已将其设置为 repeat-x

【讨论】：