У меня проблема с моей навигационной панелью CSS. Проблема в том, что дочерние ссылки находятся под div ниже навигационной панели, препятствуя связи. Я не уверен, как сделать отображение навигационной панели поверх остальной части контента, а не под ней.Nav Bar Выпадающая панель перекрывается под контентом
Вы можете увидеть здесь вопрос: http://nellyswritingroom.tumblr.com/ прокрутки по линии 1.
nav {
margin-bottom: 20px;
text-align: center;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
padding: 0 20px;
border-radius: 10px;
list-style: none;
position: relative;
}
nav ul:after {
content:"";
clear: both;
display: block;
}
nav ul li {
float: left;
}
nav ul li a {
display: block;
padding: 15px 40px;
text-decoration: none;
}
nav ul ul {
border-radius: 0px;
padding: 0;
position: absolute;
top: 100%;
}
nav ul ul li {
float: none;
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
}
nav ul ul ul {
position: absolute;
left: 100%;
top:0;
}
Если кто-то могут предложить какое-либо представление о том, как это исправить, было бы весьма признателен!
Добавить z-index: 10; к элементу, который должен сидеть сверху – shammelburg