Question

我是这个html5对话框

$('dialog')[0].showModal();

在某些时候我表现得像

.Contains(TKey value)

现在，对话框位于页面中的所有元素之上（忽略z-index），这就是我想要的（例如，页面中的任何内容都不应该是可点击的）

DEMO

但是，我的网站中有这个微调器，当API调用时间超过500毫秒时，它会变得可见。问题是现在微调器在对话框后面。是否可以将微调器放在模态对话框的顶部？

Answer 1

尝试这个

<h1>afefeg</h1>
<dialog>
    <h1>hello</h1>
    <div class="spinner" style="display:block"></div>
</dialog>

现在隐藏并显示微调器。

编辑代码：

试试这个。

HTML

 <h1>afefeg</h1>
<dialog class="overlay">
    <h1>hello</h1>

</dialog>

<dialog  class="dailog-spinner" style="width: 50px !important;
  height: 50px !important;
  background-color: transparent !important;
  border: 1px solid blue !important;display:none">
 <div > HI </div>
</dialog>

JS：

$(function () {
    $('dialog')[0].show();
     $('.dailog-spinner')[0].showModal();

});

以下是fiddle

在模态对话框的顶部显示元素

1 个答案: