如何在Chrome中修复背景？

Question

在我正在处理的网站上，我有一个背景图片，我想要填充100％宽度＆amp;浏览器的100％高度＆amp;修复..以下代码适用于ie10＆amp; firefox 23但在Chrome中不起作用（背景不固定 - 滚动）。

现场演示：http://ridge.mydevelopmentserver.com/

<div id="mainContent" class="bg1">my content</div>

#mainContent {
height: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color:#777777;
padding:20px;
box-sizing: border-box;
}

.bg1 {
background:url(../images/backgrounds/bg1.jpg)  no-repeat center center fixed;   
}

任何人都知道如何在Chrome中修复背景？

谢谢：）

Answer 1

添加固定为.bg1的位置，左，上，右和下零，不要忘记 overflow-y：scroll;

.bg1 {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../images/backgrounds/bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-y: scroll;
    }