将div保留在页面顶部，但在其他div下面

Question

我希望在我的网站顶部有一个带背景图片的div。但是当页面滚动时，div应该位于其他div的下方（同时仍然在页面的顶部）而不是在它们的顶部（如固定定位那样）。
我想用CSS不可能吗？但是javascript / jquery？

Answer 1

尝试将顶部条形图像设置为较低的z-index。

z-index: -1;

请参阅http://jsfiddle.net/a6zdfewx/

上的示例

注意：如果您的网站有背景（在正文中设置），那么它将落后于它并且无法查看。您需要使用z-index: 2之类的其他元素推送除z-index: 1之外的所有元素。