Изменить цвет всей страницы - PullRequest
Новая
       57

Изменить цвет всей страницы

0 голосов
/ 26 марта 2020

У меня есть кнопка, которая создает всплывающее окно и делает фон моей страницы черным. Это работает, однако, это не влияет на контейнеры bootstrap. Я сейчас использую bootstrap 4 и реагирую. enter image description here

Мой css для этого всплывающего окна ниже 

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,0,0, 0.5) !important;
}
.popupInner {
    position: absolute;
    left: 25%;
    right: 25%;
    top: 25%;
    bottom: 25%;
    margin: auto;
    border-radius: 20px;
    position: absolute;
    left: 25%;
    right: 25%;
    top: 25%;
    bottom: 25%;
    margin: auto;
    background: white;
}

Любой может понять, как нацелить эти контейнеры.

1 Ответ

1 голос
/ 26 марта 2020

Установка z-index во всплывающем окне, вероятно, исправит это (например, z-index: 1).

Если это не помогает, вам может потребоваться установить более низкий z-индекс для этих bootstrap элементов (например, z-index: 0)

...