JQuery UI限制覆盖z-index

Question

我在jQuery UI中有一个对话框，它是一个模态对话框：

$("#mydialog").dialog({modal:true});

我有另一个div，我想要在叠加层的顶部，但是，这个div是在对话框之前创建的，其他模态对话框也可能会出现。

我想要的基本上就像那个div的“永远在上面”。

This jsfiddle更好地解释了。

Answer 1

您需要将position: relative添加到div中，以使其超出正常的页面流并尊重z-index属性，请参阅我的updated fiddle

#mydiv {
    z-index: 1500;
    width: 100px;
    height: 100px;
    background:white;
    float:right;
    position:relative;
}

基本原理：z-index属性仅对定位元素有效，因此您需要以下其中一项：

position: relative;
position: absolute;
position: fixed;