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