2013-08-17 63 views
-2

所以我想我的div背景滚动,即使你向下滚动窗口的高度。滚动时继续div背景吗?

但它似乎只是原始窗口大小的高度。当我向下滚动时,我看到了我身体的背景。

我在本网站搜索了类似的问题,我发现的所有内容都是使用height:100%; 但这不起作用。

这里是我的CSS代码:

div#graycontainer { 
      margin: auto; 
      margin-top: 50px; 
      width:1000px; 
      background-color: #D9D9D9; 
      height: 100%; 
      /*box-shadow: 10px 10px 7px #888888;*/ 
      /*border: 3px solid #888889;*/ 
      border-radius: 1px; 
} 

我不相信这是与我的其他代码,并使用本网站作为最后手段任何问题。

感谢您的帮助!

+0

很难理解你在这里想要什么。你的CSS块不足以确定你的后面,你的问题的描述需要更清楚。 –

+0

我希望我的背景色在整个页面向下滚动的同时继续。它现在如何不起作用。 – James

+0

发布您的HTML标记或最好是[小提琴](http://jsfiddle.net),它演示了这个问题。也请编辑你的标题,因为它与你的问题无关 –

回答

1

使用height: 100%;只会创建具有浏览器高度的图像。你想要做的是不依赖于滚动位置的东西。如果您希望图像保持滚动状态,则可以使用position。首先使用position: fixed;这会将图像置于其位置。之后,您可以使用z-index来确保它保持在背景之上。使用这个:

#image_at_back { 
    margin: auto; 
    margin-top: 50px; 
    width:1000px; 
    background-color: #D9D9D9; 
    height: 100%; 
    /*box-shadow: 10px 10px 7px #888888;*/ 
    /*border: 3px solid #888889;*/ 
    border-radius: 1px; 
    position: fixed; 
    z-index: -1; // to make it a background 
} 

您可以阅读更多here

当您添加固定位置时,尝试添加一些文本以使滚动条可见。然后当你滚动它时,图像就停留在它的位置。