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

我该如何设置一个固定的背景并在css中滚动？而且我一直都试图设置背景涵盖所有尺寸由我总是用模糊的背景:(结束我如何设置固定的背景并在CSS中滚动？

IM相对较新，在这所以请不要对我做出判断，这是我的CSS：体 #bg { 宽度：100％; 高度：100％; 位置：绝对; 左：0像素; 顶部：0像素; z索引：0; 背景附件：固定;
}

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

来源

2014-03-06 Jc23

像这样：

这种操作是固定的，设定的身体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>

来源

2014-03-06 17:29:46

我希望能够滚动和背景不移动，只是元素，所有我的元素的位置都设置为绝对，并且你知道我可以如何设置背景就像在你的例子中你没有丢失标题？ – Jc23

你想为你的页面上的正文背景吗？这将是：http://jsfiddle.net/X8Z2v/6/ –

whups。给背景图像''以及.... http://jsfiddle.net/X8Z2v/7/ –

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

回答

相关问题