DIV（长度超过页面长度）背景停止重复

我有带有背景图片的HTML网页（在div中），从页面的顶部到底部延伸的div，以及内容的div ...但是DIV（从上到下延伸）背景停止在页面下方进一步重复！（只要向下滚动，就没有更多背景图片了）请帮助！

这是CSS：


    html {
     height:100%;
    }
    body {
     background-color:#7E6F7F;
     height:100%;
    }
    #bg { /*This is the background image for the whole page*/
     position:fixed; 
     top:0; 
     left:0; 
     width:100%; 
     height:100%;
    }
    #main { /*This is the problem div!!!*/
     padding:0px;
     width:85%;
     height:100%;
     background-color:#D2B9D3;
     background: url(Images/Background_Content.jpg);
     background-attachment:fixed;
     background-position:0% 0%;
     position:relative; 
     top:0;
     left:0;
     z-index:1;
     margin:auto;
    }
    #content { /*This is the the div for the content*/
     display:block;
     width:85%;
     background-color:#E9CFEC;
     padding:0.9375em; /*0.9375em=15px*/
     border:0.125em solid #867687; /*0.125em=2px*/
     text-align:justify;
     -webkit-border-radius:15px;
     -moz-border-radius:15px;
     border-radius:15px;
     -moz-box-shadow: inset 0 0 5px 5px #BAA6BD;
     -webkit-box-shadow: inset 0 0 5px 5px #BAA6BD;
     box-shadow: inset 0 0 5px 5px #BAA6BD;
    }

感谢您的帮助：）

如何在div中重复背景图像长度超过页面长度？

DIV（长度超过页面长度）背景停止重复

1 个答案: