完成封面背景图像问题

Question

我目前有完整的封面背景图片。

以下是代码：

#back{ /* #back is a div */
    position:absolute;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;

    background: url(images/bg.jpg) no-repeat center center fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.jpg', sizingMethod='scale')";
}

它似乎运作良好，但我发现其中有一个小故障，我希望有人可以帮助我。

如果我将浏览器窗口大小从底部向上缩小到说出我页面的一半，然后使用浏览器的滚动条向下滚动，则背景不会跟随。

我留下的东西看起来像下面的图像

有没有办法可以解决这个问题？我希望在所有情况下都能覆盖背景图片。

Answer 1

这不是background-size:cover的问题。这是position:absolute

的问题

选中此http://jsfiddle.net/8b27V/