Jquery datetimepicker弹出窗口隐藏在容器对话框后面_Jquery_Datetimepicker

Jquery datetimepicker弹出窗口隐藏在容器对话框后面

jquery

Jquery datetimepicker弹出窗口隐藏在容器对话框后面,jquery,datetimepicker,Jquery,Datetimepicker,我正在为我的项目使用这个选择器，我需要更改选择器的z索引值，因为它在模式窗口后弹出，我想增加datetimepicker的z索引。我目前已经在datetimepicker的定义中添加了zIndex属性，如下所示 jQuery(function() { jQuery( "#from_date" ).datetimepicker({ dateFormat: 'yy-mm-dd', showOn: "b

我正在为我的项目使用这个选择器，我需要更改选择器的z索引值，因为它在模式窗口后弹出，我想增加datetimepicker的z索引。我目前已经在datetimepicker的定义中添加了zIndex属性，如下所示

jQuery(function() {
                       jQuery( "#from_date" ).datetimepicker({ dateFormat: 'yy-mm-dd',
                           showOn: "button",
                           zIndex:9999,
                            buttonImage: "/gra/images/icons/fugue/calendar-month.png",
                           buttonImageOnly: true });
               });

它高于弹出对话框的z索引，其中放置了datepicker按钮，但它不在顶部。在css样式中，除了定义之外，我还需要在哪些地方设置z索引值

更新：我使用Firebug找到了原因，但没有找到解决方案。对话框z-index是1001，我知道这是我在css中设置的。但是date picker z-index的值是91，我试图搜索类

ui datepicker div

，但现在找不到任何z-index值为91的类，有一个搜索类，zindex为91，我将其更改为9999（认为这是它的继承源），但它仍然在firebug中显示值91。。？？与datepicker html组件关联的类是

<div id="" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ... z-index=91....>
<html for date picker>
</div>

这是zindice的一个大问题

<div style='position:relative'id="global-container">
    <div style='position:relative;z-index:1'id="container-1">
        <div style='position:relative;z-index:50'id="content-1"> content 1 </div>
    </div>
    <div style='position:relative;z-index:2'id="container-2">
        <div style='position:relative;z-index:2'id="content-2"> content 2 </div>
    </div>
</div>


内容1
内容2

您可以假设

#content-2

将出现在

#content-1

下面，但问题是z索引在其相对容器中进行比较。因此，计算的z指数是

#container-1

和

#container-2

。我建议为弹出窗口设置一个图层。在全局容器中具有极高z指数的东西。不管发生什么，它都会覆盖

现在在ie7中，据我所知，只有谁拥有最高的z索引，但在现代浏览器中，它取决于整个链，因此弹出窗口需要ui层

Youtube iFrame将主宰任何z索引弹出窗口，至少我不知道如何绕过它。。。但是。

如果您使用的是firebug，请查看它的z索引与在其上渲染的元素相比，实际渲染的是什么。（你可能也想在JSFIDLE上举个例子……）你能提供你的网站的URL或者在JSFIDLE.net上举个例子吗？肯定有CSS问题。我也有同样的问题。时间滑块工作吗？我可以通过点击滑块来改变时间，但不能通过拖动来改变时间。看看每一位家长。验证其z索引是否正确。其实没有什么灵丹妙药。你可以试试谷歌浏览器，它可以告诉你哪些样式被覆盖。