Bootstrap Modal坐在Chrome的背景后面

问题描述 投票:7回答:1

我正在使用Twitter Bootstrap,(CSS和JS)。

问题来自Modal插件,它在Firefox和IE上工作正常,但在Chrome中显示不佳:Modal成功弹出,但隐藏在modal-background后面。这意味着将无法填写表格或查看“模态”框中包含的文本。

似乎在Bootstrap网站(http://twitter.github.com/bootstrap/javascript.html#modals上运行良好,所以我认为它可能与Chrome中的已知错误有关?

我搜索了一个没有成功的解决方案。我没有修改任何Bootstrap CSS或JS。

我想念什么?

css google-chrome twitter-bootstrap modal-dialog
1个回答
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/

© www.soinside.com 2019 - 2024. All rights reserved.