jQuery 日期选择器的 z-index答案

【问题标题】：z-index for jQuery date pickerjQuery 日期选择器的 z-index
【发布时间】：2011-12-05 18:07:45
【问题描述】：

我正在使用带有 buttonImage 的 jQuery 日期选择器，下面有一个自定义样式的选择表单元素 (http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ )，它使用 z-index 5.

我无法在 datepicker 中与选择框重叠的部分选择日期。在 css 中，我提到了 datepicker 的 z-index，如下所示：

.ui-widget { font-family: Arial, Helvetica, sans-serif;字体大小：11px； z-索引：1000； } .ui-datepicker, .ui-datepicker 表, .ui-datepicker td, .ui-datepicker td 跨度, .ui-datepicker td {z-index:1000; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {z-index:1000; }

但仍然无法正常工作。有什么帮助吗？

【问题讨论】：

您可以发布您的 html/css/javascript 代码或使用 jsfiddle.net 向我们展示吗？
我在 z-index 附近提到了 !important ，它解决了这个问题。 .ui-datepicker, .ui-datepicker 表, .ui-datepicker td, .ui-datepicker td 跨度, .ui-datepicker td {z-index:1000 !important; }

标签： jquery jquery-ui jquery-plugins

【解决方案1】：

如果你想要在你的其他 css 之上的日期选择器试试这个：

<style>
    .ui-datepicker { z-index: 9999; }
</style>

【讨论】：