html - 如何设置 Div 出现在滚动上另一个 div 的后面？

Question

我在标题 div 标签下有一个导航栏 然后是幻灯片 div ... 如代码所示

<div class="header">
   <div id="navbar">
       content    
   </div>
</div>

<div class="container">
    <div class="slideshow" id="slideshow">
        slideshow content    
    </div>
</div>

标题和导航栏在滚动时有一个固定的位置保持在页面顶部，问题是当我滚动时我的“幻灯片”出现在导航栏顶部但页面的其余内容没有，我怎么能解决这个问题？

CSS 样式

.slideshow {
    position: relative;
    margin-bottom: 10px;
    padding: 50px 0 0 0 ;
}

标题和导航栏的不同 CSS 表

.header {
    background: #2f3036;
    height: 51px;
    position:fixed;
    width: 100%;
}

#ime-nav {
    position: fixed;
    width: 100%;
    z-index: 10000;
    background:#FF9900;     
}

Answer 1

显然我只需要在标题中添加一个 z-index，完全忽略了它

.header {
    background: #2f3036;
    height: 51px;
    position:fixed;
    width: 100%;
    z-index: 1;
}