Проблема с наложением всплывающих окон для мобильных устройств - PullRequest
Новая
       34

Проблема с наложением всплывающих окон для мобильных устройств

0 голосов
/ 16 марта 2019

У меня проблема с модальным всплывающим окном в мобильных браузерах, но он отлично работает в веб-браузере.когда я открываю всплывающее окно, размытие фона появляется на секунду и сразу скрывается при прикосновении или прокрутке на мобильном телефоне, но при переходе к наложению рабочего стола остается. 

 qtip-overlay div {

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

1 Ответ

0 голосов
/ 16 марта 2019

Я нашел решение этой проблемы (из переполнения стека).У меня нет прав комментировать, поэтому я опубликую ответ и упомяну источник ниже.

Существует неофициальная модификация Bootstrap для решения проблем, связанных с отзывчивостью / мобильностью,Это, пожалуй, самый простой и легкий способ решить проблему.

Или вы можете редактировать bootstrap-responsive.css

.modal { 
    position: fixed; 
    top: 3%; 
    right: 3%; 
    left: 3%; 
    width: auto; 
    margin: 0; 
}
.modal-body { 
    height: 60%; 
}

и bootstrap.css

.modal-body { 
    max-height: 350px; 
    padding: 15px; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
}

Надеюсь, это полезно.Ответ был получен из этого вопроса , а acconrad .Если вы нашли что-то полезное, сообщите об этом по указанной ссылке.

...