引导模态坐在后面在Chrome背景(Bootstrap Modal sitting behind b

2019-09-18 01:22发布

我使用Twitter的引导,CSS和JS。

这个问题来自于模态插件,它的工作对Firefox和IE的罚款,但在Chrome中显示不好:模态successly弹出,但模态,身后的背景所以不可能使用的形式(包含在模式对话框)

HTTP://您可以通过点击右上角的按钮试试

它的工作引导例如网页罚款( http://twitter.github.com/bootstrap/javascript.html#modals ),所以我想这是从我的CSS来

我到处找我可以,但没有找到任何可疑的东西。 我是怎么错过了吗?

Answer 1:

样式-webkit-overflow-scrolling: touch;section#maincontainer导致这种情况发生,因为它似乎与发生冲突overflow: auto

我相信, -webkit-overflow-scrolling: touch; 是应该用来提供触摸屏使用固定定位元素中滚动溢出-所以我不认为你需要把它应用到section#maincontainer

然而,您可能希望将其应用到modal-body为母体使用固定的定位和内容可能会溢出。

http://css-tricks.com/mobile-webkit-overflow-scrolling/



文章来源: Bootstrap Modal sitting behind backdrop in Chrome