Почему элементы в навигационной панели не темнеют, как остальная часть страницы при открытии модального? (bootstrap)

Question

Пример: [отредактировано] - нажмите кнопку Получить цитату. Элементы навигационной панели не темнеют.

Кроме того, измените размер экрана, чтобы имитировать экран телефона, и вы увидите, что элементы навигационной панели перекрывают все остальные элементы. Как мне это решить?

Заранее спасибо за любую помощь.

Answer 1

.header {
    background: transparent;
    color: #fff;
    z-index: 1030;
    border: 0px solid #ddd;
    height: 75px;
    position: relative;
}

изменить z-index на менее чем 1040

Answer 2

Сначала вы должны удалить правило z-index из класса .header. Его позиция относительна и имеет индекс 1000+. Во-вторых, «nav navbar-nav navbar-right bgblue» или удаляет класс из ul при нажатии или .nav.navbar-nav.navbar-right.bgblue {background: transparent}

Answer 3

Это проблема z-index. Ваш класс .header имеет z-index более .modal. Попробуйте дать

.header{z-index:1035;}.

Для отзывчивого или мобильного просмотра: либо вы даете .toggled{display:inline-block; width:100%;}, либо удаляете высоту из .header и .navbar.

Hope это помогает. Дайте мне знать в случае запроса.