子菜單被其他div隱藏

Question

我有一個垂直子菜單的問題。

本網站有一個固定的垂直菜單和一個顯示的子菜單。但是這個子菜單顯示在其他div下面。這是我當前的代碼：

HTML

<div id="wrapper"> 

    <div id="header-wrapper"> 
    <nav></nav> 
    </div> 

    <div id="masonry-content-wrapper"> 
    <div id="content"></div> 
    <div id="sidebar"></div> 
    </div> 

</div> 

CSS

#header-wrapper { 
    float: left; 
    width: 250px; 
    height: 100%; 
    position: fixed; 
} 

#masonry-content-wrapper { 
    padding: 0 2% 0 3%; 
    margin-left: 250px; 
} 

它看起來像問題是，砌築股利不浮動的，但它是necesary做頭寬度固定。我該如何解決它？這是鏈接http://www.codetocode-developments.com/personal/

Answer 1

集#header-wrapper到z-index高於1一樣：

#header-wrapper { 
    float: left; 
    width: 250px; 
    height: 100%; 
    position: fixed; 
    z-index: 3; 
} 

也不清楚爲什麼Chrome需要它。您的原始代碼在Firefox中運行良好。

Answer 2

只需要添加的z-index到頭，包裝

#header-wrapper { 
    z-index:1000; 
} 

修復它。