css - Bootstrap 模式的页脚覆盖时间选择器下拉菜单

标签 css twitter-bootstrap

我正在尝试包括 this timepicker for bootstrap进入模态。然而,模式的页脚覆盖了时间选择器的下拉菜单。

模态的 z-index 是 1000,虽然我将时间选择器下拉菜单的 z-index 设置为更高的值,但这根本没有帮助。我也在使用日期选择器,其下拉菜单的 z-index 为 1060,足以显示在模式页脚上方。

有没有人知道,为什么日期选择器可以正常工作,但时间选择器却没有,尽管我将它们的 z-index 设置为相同的值?

干杯,

金属仓鼠


编辑:

时间选择器下拉菜单的计算样式。

computed style of timepicker dropdown menu

我不知道为什么 z-index 只有 1000,尽管我有:

.bootstrap-timepicker {
    position: relative;
    z-index: 1100 !important;
}

但即使将其更改为 1100 也没有解决我的问题。

最佳答案

添加这个:

.modal-body {
  overflow-y:visible;
}

我遇到了同样的问题,并从堆栈溢出的另一个答案中读取了它:D

关于css - Bootstrap 模式的页脚覆盖时间选择器下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19513021/

相关文章:

javascript - Bootstrap隐藏popover需要按两次按钮

html - 定位 3 个拆分按钮

twitter-bootstrap - Bootstrap 时间选择器不隐藏?

javascript - 删除上一个 TR 中的样式

html - 如何让我的图片标题具有响应性?

css - 如何在 React.js 中使用 Reactstrap 将 Navbar Collapse 转换为移动 View 中的侧边栏?

html - 如何使用 bootstrap 对齐子表 4+

php - 在 Wordpress 中制作完整的浏览器窗口响应图像

javascript - <script> block 的视差效果

javascript - 在表单提交按钮上呈现圆 Angular 的方法