子導航列表隱藏在div後面

Question

我有隱藏在主div後面的子導航列表的問題。我用過z-index。我知道問題是因爲下面的塊，嘗試了不同的東西，但無法解決它..我正在創建動態網頁設計，我想要的是寬度的.contact_No_01填充其餘的權利空間，這就是爲什麼我使用contact_No_01。

要引用代碼：jsFiddle

#header_block2 { 
margin:0 auto; 
width:90%; 
position:relative; 
overflow:hidden; 
background-color:aqua; 
} 

#contact_strip { 
position:absolute; 
width:5%; 
right:0; 
height:62px; 
top:50px; 
z-index: 1; 
overflow: hidden; 
background-color:green; 
} 

Answer 1

你需要從這個CSS刪除overflow:hidden;並將其設置爲可見：

jsFiddle（懸停服務菜單）

#header_block2 { 
margin: 0 auto; 
width: 90%; 
position: relative; 
overflow: visible;  /* change is here */ 
background-color: aqua; 
}