我正在使用Twitter Bootstrap,(CSS和JS)。
问题来自Modal插件,它在Firefox和IE上工作正常,但在Chrome中显示不佳:Modal成功弹出,但隐藏在modal-background后面。这意味着将无法填写表格或查看“模态”框中包含的文本。
似乎在Bootstrap网站(http://twitter.github.com/bootstrap/javascript.html#modals上运行良好,所以我认为它可能与Chrome中的已知错误有关?
我搜索了一个没有成功的解决方案。我没有修改任何Bootstrap CSS或JS。
我想念什么?
-webkit-overflow-scrolling: touch;
中的样式section#maincontainer
导致这种情况的发生,因为它似乎与overflow: auto
冲突。
我相信-webkit-overflow-scrolling: touch;
应该用于在使用固定位置的元素内提供触摸屏滚动溢出功能-因此,我认为您无需将其应用于section#maincontainer
。
但是您可能希望将其应用于modal-body
,因为父母使用固定的定位,内容可能会溢出。