如何将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>

标题和导航栏在滚动时有一个固定的位置保持在页面顶部，问题是当我滚动我的＆＃34;幻灯片＆＃34;出现在导航栏的顶部，但页面内容的其余部分没有，我该如何解决？

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;
}