Bootstrap 模态页脚隐藏下拉菜单问题 2答案

【问题标题】：Bootstrap modal footer hides dropdown menu issue 2Bootstrap 模态页脚隐藏下拉菜单问题 2
【发布时间】：2013-02-08 14:53:12
【问题描述】：

我遇到了与here 相同的问题。引导时间选择器插件的下拉菜单隐藏在模态页脚下方。

参考中建议的解决方法不适合我的 exigencesm，因为我希望 overflow-y 值保持 scroll。

必须有一个替代解决方案，因为这 2 个插件以两种不同的方式工作：

显然设置z-index 属性不起作用。有什么想法吗？

【问题讨论】：

您可以在 jsfiddle 中重新创建此内容或链接到您的网站吗？
实际上我正在使用 localhost 并且图中的示例需要太多插件、css 和 html 才能在 jsfiddle 上轻松重新创建。无论如何，可以重新创建下载：bootstrap + bootstrap datepicker + bootstrap timepicker。弹出一个模态窗口并放置两个输入，一个日期选择器和一个时间选择器。如图所示，它们的行为会有所不同！

标签： javascript css twitter-bootstrap overflow z-index

【解决方案1】：

确保您在启用z-index 的情况下尝试控制的所有 div 上都设置了position 声明。否则z-index 不知道它需要按什么顺序保存哪些 div。

【讨论】：

【解决方案2】：

假设您已经按照引导程序的文档构建了 DOM，您可能需要在 .modal-body 上设置“overflow-y: visible”

【讨论】：

【解决方案3】：

我怀疑这会对您有所帮助，但对于遇到此问题的未来用户：我实际上也发现了这一点，结果证明这是一个溢出问题。事实证明，不可能指定“溢出：自动可见”。请参阅以下帖子以获得更深入的答案：CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue

【讨论】：