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

qgelzfjb  于 2023-02-17  发布在  Java
关注(0)|答案(3)|浏览(151)

我希望我的JavaScript窗口(日期选择器)在所有窗口的顶部(直到我选择日期或关闭它)。

kuhbmx9i

kuhbmx9i1#

如果日期选择器窗口引用了html中的一个元素,那么这应该可以做到。
日期div的CSS

z-index: 20;

其他部门的CSS

z-index: 10;

然后您只需显示或隐藏日期div,它将始终停留在顶部。
是否需要显示但不显示在顶部,请将z-index更改为低于其他div的值
如果你没有权限访问div的所有z轴设置,可以查看How can you figure out the highest z-index in your document?这篇文章,看看如何找到最高值,也可以简单地将日期选择器设置为z-index: 10000

    • 更新**

如果你想要一个模态对话框弹出div,这是一个开始
演示:http://codepen.io/anon/pen/BLvcK
jQuery(来源:http://jqueryui.com/dialog/#modal)

<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>

超文本标记语言

<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>
mlnl4t2r

mlnl4t2r2#

验证码:

newWindow = window.open();

document.addEventListener("click",function(){
newWindow.focus();

});

fcg9iug3

fcg9iug33#

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

相关问题