Question

我希望我的JavaScript窗口（日期选择器）位于所有窗口之上（直到我选择日期或关闭它）。需要指导

Answer 1

您不能通过JS强制窗口位于其他窗口的顶部，也不应该。

Answer 2

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

日期div的CSS

z-index: 20;

其他div的CSS

z-index: 10;

然后你只显示或隐藏日期div，它将始终保持在最顶层。

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

如果您无法访问所有div的z-index设置，请查看此帖子How can you figure out the highest z-index in your document?，了解如何尝试找到最高版本或仅将日期选择器设置为{{1 }}

<强>更新

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

的开头

演示：http://codepen.io/anon/pen/BLvcK

jQuery（来源：http://jqueryui.com/dialog/#modal）

z-index: 10000

HTML

  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#dialog-modal" ).dialog({
      height: 140,
      modal: true
    });
  });
  </script>

如何使javascript窗口保持在所有其他窗口之上？

2 个答案: