Как мы сохраняем выпадающие списки с помощью Bootstrap 4 Stacked-Top Navbars. - PullRequest
0 голосов
/ 12 ноября 2018

На странице Bootstrap 4 я пытаюсь создать пару навигационных панелей с фиксированным верхом, а под ними стоит <iframe>, заполняя оставшееся пространство.Он работает хорошо, за исключением одной проблемы: выпадающие меню в верхней панели навигации появляются под нижней панелью навигации.

Эта страница воспроизводит проблему.Вот результаты при просмотре в Firefox 63 и Chromium 70:

Dropdown Under Lower Navbar

(пожалуйста, прости темный текст на темной панели навигации за бит "Stuff Goes Here")

Я предполагаю, что мне нужно внести некоторые zindex корректировки или что-то подобное, но я не уверен, зачем это нужно (не должны ли обе навигационные панели уже иметь один и тот же Z-индекс?) И как.

Ответы [ 2 ]

0 голосов
/ 12 ноября 2018

Добавьте z-index для класса .fixed-top-2, и вместо margin-top вы можете использовать top.

.fixed-top-2 {
    /* margin-top: 62px; */
    top: 62px;
    z-index: 90;
}
0 голосов
/ 12 ноября 2018

Вы можете установить z-index на fixed-top-2 ..

.fixed-top-2 {
    z-index: 99;
}

https://www.codeply.com/go/9mGKiDSFJ3

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...