jquery - 如何调整 jQuery UI slider 的 z-index？

Question

我的页面上有一个 jQuery UI slider ，它通过下拉菜单显示出来。

有没有办法调整它的 z-index 或者由于某种原因它需要成为页面最上面的元素？

Answer 1

编辑:抱歉，我刚刚意识到我的答案与 DatePickers 相关，并且您询问了下拉菜单。我将留下答案，因为它仍然可以帮助您解决问题。只需确保您的下拉菜单 z-index 设置为大于 2，这样 slider handle 就不会显示出来。

<小时/>

在最近的 jQuery-UI 版本中，DatePicker 代码似乎发生了一些变化。我曾经使用以下 CSS 来防止 slider 的 handle 通过我的 DatePickers 显示:

.ui-datepicker {
  z-index: 4;
}

slider 的 handle 的 z-index 为 2，因此这可以解决问题。但是，DatePicker 现在直接将 z-index 添加到 datepicker div 元素。该值会覆盖 .ui-datepicker 值:

inst.dpDiv.zIndex($(input).zIndex()+1);

我尝试将 DatePicker 的 input 上的 z-index 设置为 4，但这似乎并没有立即起作用。我确信如果我花更多时间在这上面，我就能弄清楚。由于我需要一个快速解决方案，所以我这样做了:

.ui-datepicker {
  z-index: 4 !important;
}

如果这仍然不适合您，请尝试将该值设置为 1000 或 10000 或其他值，以确保其他 z-index 不会对您产生不利影响。