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 回答