Question

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

#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;  
}

Answer 1

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

 body { display: table }

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

一个简单的解决方法是将背景图片放在body标记中，如果这是一个选项吗？

否则你总是可以在你的#main-container中添加css：

#main_container { 位置：绝对; 上：100px; 底部：0; 保证金：0自动; }

并保留body { position: relative; }

Answer 2

您可以使用background-repeat：

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

如果您不使用netscape或smthn，那么它应该适用于您的浏览器^^

背景CSS问题 - 不重复

2 个答案: