Bootstrap Modal坐在Chrome背景幕后

Phi*_*arc 7 css google-chrome modal-dialog twitter-bootstrap

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

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

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

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

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

My *_*rts 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/