Jquery 日期选择器 z-index 问题

Question

我有一个幻灯片 div，并且在该 div 上方有一个日期选择器字段。

当我点击日期选择器字段时，日期选择器面板显示在幻灯片 div 后面。

我把脚本写成:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js

所以我无法在 CSS 中更改日期选择器的 z-index。脚本生成的日期选择器的 z-index 为 1，我的幻灯片 div(也通过 googleajaxapi 调用)z-index 为 5。所以我想我必须将日期选择器的 z-index 增加到大于 5。所以有有什么方法可以增加它？

有人可以帮助我吗？

Answer 1

将以下样式放在“输入”文本元素中:position: relative; z-index: 100000;.

datepicker div 从输入中获取 z-index，但这仅在位置是相对的情况下才有效。

使用这种方式，您不必从 jQuery UI 修改任何 javascript。