隐藏在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;
}