Bootstrap Modal sitzt hinter Kulisse in Chrome

Question

Ich benutze Twitter Bootstrap, CSS und JS.

Das Problem kommt von dem Modal-Plugin, es funktioniert gut auf Firefox und IE aber zeigt schlecht in Chrome: die Modal Erfolg Pop-up, aber hinter dem Modal-Hintergrund ist es unmöglich, das Formular (in der Modal-Box enthalten) zu verwenden

)

Sie können einen Versuch haben, indem sie die oben rechts Schaltflächen klicken: http: //

es funktioniert gut auf Bootstrap-Beispielseite (http://twitter.github.com/bootstrap/javascript.html#modals), damit ich denke, es von meinem CSS kommt

ich habe Ich schaute überall hin, konnte aber nichts Verdächtiges finden. Was habe ich verpasst?

Answer 1

Der Stil -webkit-overflow-scrolling: touch; in section#maincontainer verursacht dies, da es mit overflow: auto in Konflikt zu stehen scheint.

Ich glaube, dass -webkit-overflow-scrolling: touch; soll verwendet werden, um Touch Screen Scrollen Überlauf innerhalb von Elementen, die feste Positionierung verwenden - so glaube ich nicht, müssen Sie es auf section#maincontainer anwenden.

Sie möchten es jedoch möglicherweise auf modal-body anwenden, da das übergeordnete Element feste Positionierung verwendet und der Inhalt möglicherweise überläuft.

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