Bootstrap Modal siedzi za tłem w Chrome

Question

Używam Twittera bootstrap, CSS i JS.

Problem pochodzi z wtyczki Modal, działa dobrze na Firefoxie i IE, ale wyświetla się źle w Chrome: modalnie pojawia się pop-up, ale za modalnym tłem, więc niemożliwe jest użycie formularza (zawartego w modalnym pudełku)

można spróbować klikając w prawym górnym przyciski: http: //

to działa dobrze na bootstrap przykład strony (http://twitter.github.com/bootstrap/javascript.html#modals), więc myślę, że to pochodzi z mojego CSS

mam wyglądałem wszędzie, gdzie mogłem, ale nie mogłem znaleźć niczego podejrzanego. Co przegapiłem?

Answer 1

Styl -webkit-overflow-scrolling: touch; w section#maincontainer powoduje to, ponieważ wydaje się być w konflikcie z overflow: auto.

Uważam, że -webkit-overflow-scrolling: touch; ma służyć do przepełnienia przewijanego ekranu dotykowego w elementach wykorzystujących ustalone pozycjonowanie - więc nie sądzę, że trzeba go zastosować do section#maincontainer.

Możesz jednak chcieć zastosować to do modal-body, ponieważ rodzic używa ustalonego pozycjonowania, a zawartość może się przepełnić.

http://css-tricks.com/mobile-webkit-overflow-scrolling/