Bootstrap Modal坐在Chrome背景幕后

时间:2012-06-12 05:43:10

标签: css google-chrome twitter-bootstrap modal-dialog

我正在使用Twitter引导程序,CSS和JS。

问题来自Modal插件,它在Firefox和IE上运行良好但在Chrome中显示不好:模式成功弹出,但在模态背景后面因此无法使用表单(包含在模式框中)

您可以点击右上角的按钮试试:http://

它在bootstrap示例页面(http://twitter.github.com/bootstrap/javascript.html#modals)上工作正常,所以我猜它来自我的CSS

我到处寻找,但找不到任何可疑的东西。 我错过了什么?

1 个答案:

答案 0 :(得分: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/