我正在使用Twitter引导程序,CSS和JS。
问题来自Modal插件,它在Firefox和IE上运行良好但在Chrome中显示不好:模式成功弹出,但在模态背景后面因此无法使用表单(包含在模式框中)
您可以点击右上角的按钮试试:http://
它在bootstrap示例页面(http://twitter.github.com/bootstrap/javascript.html#modals)上工作正常,所以我猜它来自我的CSS
我到处寻找,但找不到任何可疑的东西。 我错过了什么?
答案 0 :(得分:10)
-webkit-overflow-scrolling: touch;
中的样式section#maincontainer
导致这种情况发生,因为它似乎与overflow: auto
冲突。
我相信-webkit-overflow-scrolling: touch;
应该用于在使用固定定位的元素中提供触摸屏滚动溢出 - 所以我认为你不需要将它应用于section#maincontainer
。
您可能希望将其应用于modal-body
,因为父级使用固定定位,内容可能会溢出。