Question

所以我希望我的div背景滚动成窗口的高度，即使向下滚动也是如此。

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

我在这个网站上搜索过类似的问题，而我发现的是使用身高：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;
}

我不相信我的其他代码存在任何问题，并将此网站作为最后的手段使用。

感谢您的帮助！

Answer 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。

添加固定位置时，尝试添加一些文本以使滚动条可见。然后当您滚动它时，图像保持在其位置。

滚动时继续div背景？

1 个答案: