隐藏在div后面的子导航列表

时间:2013-11-02 05:41:09

标签: css html5 responsive-design z-index

我遇到隐藏在主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; 
}

1 个答案:

答案 0 :(得分:0)

您需要从此CSS中删除overflow:hidden;并将其设置为可见:

jsFiddle悬停服务菜单

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