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