如何在div中重复背景图片，然后再重复页面长度？

Question

DIV（长于页面长度）的背景停止重复

我有一个带有背景图像的HTML网页（在div中），一个div从页面的顶部延伸到底部，其中一个div用于内容...但是DIV（从顶部延伸到底部）背景停止重复在页面的下方！（只要您向下滚动，便不会再显示背景图片）请帮忙！

这是CSS：

    html {
     高度：100％;
    }
    身体 {
     背景颜色：＃7E6F7F;
     高度：100％;
    }
    #bg {/ *这是整个页面的背景图像* /
     位置：固定 
     顶：0; 
     左：0; 
     宽度：100％; 
     高度：100％;
    }
    #main {/ *这是问题div !!! * /
     填充：0px;
     宽度：85％;
     高度：100％;
     背景颜色：＃D2B9D3;
     背景：url（Images / Background_Content.jpg）;
     背景附件：固定；
     背景位置：0％0％；
     位置：相对； 
     顶：0;
     左：0;
     z-index：1;
     保证金：自动;
    }
    #content {/ *这是内容的div * /
     显示：块;
     宽度：85％;
     背景颜色：＃E9CFEC;
     填充：0.9375em; /*0.9375em=15px*/
     边框：0.125em固体＃867687; /*0.125em=2px*/
     text-align：justify;
     -webkit-border-radius：15px;
     -moz-border-radius：15px;
     border-radius：15px;
     -moz-box-shadow：嵌入0 0 5px 5px＃BAA6BD;
     -webkit-box-shadow：嵌入0 0 5px 5px＃BAA6BD;
     box-shadow：嵌入0 0 5px 5px＃BAA6BD;
    }

谢谢你的帮助 ：）

Answer 1

您需要使用background-repeat并将其设置为repeat-x,repeat-y或repeat-both。

更多详情可在这找到。

编辑

啊，我现在明白了。#main 是浏览器加载时的 100%。您会注意到，一旦滚动，重复就会停止。一个简单的解决方案是将 a 添加bottom:0到 #main 样式。这将使它延伸到最底部。另外，删除height: 100%.