Question

如何设置固定的背景并在css中滚动？并且我一直试图设置背景以涵盖所有维度，我总是以模糊的背景结束：（

我相对较新，所以请不要评价我，这是我的css：身体 #bg { 宽度：100％; 身高：100％; 位置：绝对; 左：0px; 顶部：0px; z-index：0; 背景附件：固定;
}

.stretch
{
width:100%;
height:100%;
background-attachment:fixed;
}

Answer 1

像这样：

此oe已修复，将正文设置为100％以进行全屏显示：http://jsfiddle.net/X8Z2v/4/

这一个滚动：http://jsfiddle.net/X8Z2v/5/

 html, body {
        height:3000px;
        margin:0;
        padding:0;
    }
    .stretch {
        position: absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        background-image: url(http://www.placehold.it/2000x1000);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: scroll;
    }

HTML

<div class="stretch"></div>

如何设置固定的背景并在css中滚动？

1 个答案: