Модальные бутстрэпы не работают должным образом на Android и iOS. Система отслеживания проблем признает проблему, но не предлагает рабочего решения:
Модалы в 2.0 не работают на мобильном телефоне.
Модальное окно в 2.0 не позиционируется должным образом
Экран темнеет, но сам модал не виден в области просмотра. Это можно найти в верхней части страницы. Проблема возникает, когда вы прокручиваете страницу вниз.
Вот соответствующая часть bootstrap-responseive.css:
.modal {
position:fixed;
top:50%;
left:50%;
z-index:1050;
max-height:500px;
overflow:auto;
width:560px;
background-color:#fff;
border:1px solid #999;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
background-clip:padding-box;
margin:-250px 0 0 -280px;
}
Могу ли я применить исправление?