如何使javascript窗口保持在所有其他窗口的顶部?

如何使javascript窗口保持在所有其他窗口的顶部?,javascript,jquery,css,Javascript,Jquery,Css,我希望我的JavaScript窗口(日期选择器)位于所有窗口的顶部(直到我选择日期或关闭它)。需要指导您不能通过JS强制一个窗口位于其他窗口之上,您也不应该这样做。如果日期选择器窗口引用html中的元素,则应该这样做 日期div的CSS z-index: 20; 其他部门的CSS z-index: 10; 然后,您只需显示或隐藏日期div,它将始终位于顶部 是否需要显示但不在顶部,请将z-index更改为比其他div更低的值 z-index: 10; 如果您无法访问div的所有z-inde

我希望我的JavaScript窗口(日期选择器)位于所有窗口的顶部(直到我选择日期或关闭它)。需要指导

您不能通过JS强制一个窗口位于其他窗口之上,您也不应该这样做。

如果日期选择器窗口引用html中的元素,则应该这样做

日期div的CSS

z-index: 20;
其他部门的CSS

z-index: 10;
然后,您只需显示或隐藏日期div,它将始终位于顶部

是否需要显示但不在顶部,请将
z-index
更改为比其他div更低的值

z-index: 10;
如果您无法访问div的所有z-index设置,请查看此帖子,了解如何尝试查找最高的z-index设置,或者只需将日期选择器设置为,即
z-index:10000

更新

如果你想要一个模态对话框弹出div,这是一个开始

演示:

jQuery(来源:)


$(函数(){
$(“#对话框模式”).dialog({
身高:140,
莫代尔:对
});
});
HTML


添加模式覆盖屏幕使对话框看起来更加突出,因为它使页面内容变暗

我是自由人。Donec aliquet leo vel magna。红背相思。埃蒂安·比本杜姆、埃尼·福西布斯·阿利奎特·朗库斯、阿尔库·菲利斯·乌尔里西斯·内克、艾米特·拍卖行精英爱神之座


将datepicker元素的z-index更改为high,与其他元素相比,如何在没有代码的情况下将z-index指定为20或10您首先在CSS中设置它。无需更改,因为日期选择器很可能总是需要位于顶部。如果div的z-index为1020,而datepicker的div元素为653,那么您的代码将无法正常工作,这就是我编写另一个div需要较低z-index的原因。我相信毗湿奴会从他的问题中理解这一点。@KarthickKumarGanesh我不希望它出现在CSS中。我想要JavaScript的。我正在使用window.open打开新窗口。有没有其他方法可以打开并使其保持在顶部。因为我在某个地方读到过,我们可以用pop div来做这件事,但不熟悉如何使用它。
<div id="dialog-modal" title="Basic modal dialog">
  <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
</div>

<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>