在页面顶部保留一个 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。