Modal Twitter Bootstrap na urządzeniach mobilnych
Moduły Bootstrap nie działają poprawnie na Androidzie i iOS. Moduł śledzenia problemów potwierdza problem, ale nie oferuje działającego rozwiązania:
Moduły w wersji 2.0 są uszkodzone na urządzeniach mobilnych.
Okno modalne w 2.0 nie jest poprawnie ustawione
Ekran ciemnieje, ale sam modal nie jest widoczny w rzutni. Można go znaleźć na górze strony. Problem pojawia się, gdy przewijasz stronę w dół.
Oto odpowiednia część bootstrap-responsive.css:
<code>.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; } </code>
Czy mogę naprawić problem?