2012-06-12 83 views
7

我正在使用Twitter引導程序,CSS和JS。Bootstrap Modal坐在Chrome中的背景下

問題來自於Modal插件,它在Firefox和IE上運行良好,但在Chrome中顯示效果不佳:模式成功彈出,但位於模式背景之後,因此無法使用窗體(包含在模式框中)

您可以通過點擊右上角的按鈕試試:HTTP://

它的正常工作自舉示例頁面(http://twitter.github.com/bootstrap/javascript.html#modals上),所以我想這是從我的CSS來

我已經我無所不在,但無法找到任何可疑的東西。 我錯過了什麼?

回答

10

樣式-webkit-overflow-scrolling: touch;section#maincontainer正在導致這種情況發生,因爲它似乎與overflow: auto相沖突。

我認爲-webkit-overflow-scrolling: touch;應該用於提供使用固定位置的元素內的觸摸屏滾動溢出 - 所以我不認爲你需要將它應用於section#maincontainer

您可能想將其應用於modal-body,因爲父級使用了固定位置,並且內容可能會溢出。

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

+0

非常感謝! 沒有看到那個來。感謝您的幫助鏈接;) – PhilMarc

+0

沒問題 - 很高興我可以提供幫助 –