0

我有一个快速的问题，希望答案也很快。如何让我的背景在整个页面中重复出现？我试过css repeat，由于某种原因它不起作用。

#main_container{
    background:url(../images/cb.jpg)  top left repeat;
    margin:0 auto;
    padding:100px 0 150px 0;
    z-index:9999;   


body{
    background-color:#000;
    color:#fff;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:100%;
    display:table;
    overflow-x:hidden;
    position:relative;  
}
4

2 回答 2

1

您看到的问题是因为您的#main-container 没有填满整个页面，您需要将其扩展为页面的整个高度。你为什么使用

 body { display: table }

在你的CSS？我会删除它，因为它可能会混淆某些浏览器并且不应该有任何意义......

一个简单的解决方法是将背景图像放在body标签中，如果这是您的选择？

否则，您始终可以将 css 添加到您的#main-container：

#main_container { 位置：绝对；顶部：100 像素；底部：0；边距：0 自动；}

并保持你的body { position: relative; }

于 2012-11-29T08:06:31.437 回答
0

你可以使用background-repeat：

#main_container{
    ...
    'background-repeat:repeat;'
}

如果您不使用 netscape 或类似的 smthn，它应该可以在您的浏览器上运行 ^^

于 2012-11-29T07:55:36.597 回答