Выпадающие меню NAVBAR скрыты за содержанием страницы ⇐ Html

[Anonymous]

Я строю веб -страницу с боковой панелью, которая содержит выпадающие меню. Когда я нажимаю, чтобы открыть выпадающий список, появляется меню, но оно скрыто за содержанием основной страницы. Я считаю, что это может быть связано с Z-индексом или контекстом укладки, но я не уверен, как это исправить. возможный. Вполне возможно, что я не внедряю боковую панель. Вот текущие CSS, которые я использую: < /p>

Код: Выделить всё

.sidebar {
position: fixed;
top: 0;
left: 0;
width: 220px;
overflow-y: auto;
z-index: 5;
}
.main-page {
margin-left: 220px;
padding: 1rem;
}

Вот живая демонстрация.


Подробнее здесь: https://stackoverflow.com/questions/795 ... ge-content