У меня есть это меню: http://jsfiddle.net/gywcv/
Я попытался установить подменю "Тест" под розовой полосой, но я не нашел решение.
Я тестировал с position:relative
, position:absolute
т. Д.:
header .container-fluid nav ul li div.submenu {
height: auto;
min-height:45px;
border-width: 1px;
border-color: rgb( 205, 205, 205 );
border-style: solid;
background-color: rgb( 255, 255, 255 );
box-shadow: 0px 0px 5px 0px rgb( 0, 0, 0 );
margin-top: 12px;
position:relative;
z-index:1;
}
Смотрите эту скрипту: http://jsfiddle.net/bradleytrager/k8CfZ/
Вы должны сделать свое подменю "Test" относительным, а затем установить значение top:
header .container-fluid nav ul li div.submenu{
/*display:none;*/
height: auto;
min-height:45px;
border-width: 1px;
border-color: rgb( 205, 205, 205 );
border-style: solid;
background-color: rgb( 255, 255, 255 );
box-shadow: 0px 0px 5px 0px rgb( 0, 0, 0 );
margin-top: 12px;
color:#000000;
position:relative;
top:10px;
}
Там нет необходимости использовать z-index в вашем меню. Взгляните на это http://jsfiddle.net/Diddledot/n7Azr/1/
nav ul {
top: 50px;
list-style-type: none;
}
nav ul li {
display: block;
text-align: center;
width: 80px;
margin: 10px 10px 0px 10px;
padding: 0px;
position: relative;
top: 20px;
float: left;
}
nav li li {
display: none;
float: left;
position: absolute;
}
nav li:hover li {
display: block;
}
position
для.logo
div. Я считаю, что z-index требует, чтобы оба элемента имели позицию.