css - jQuery UI 限制覆盖 z-index

Question

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

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

我有另一个 div，我希望它位于覆盖层之上，但是，这个 div 是在对话框之前创建的，并且其他模式对话框也可能会出现。

我想要的基本上就像那个 div 的“始终在顶部”。

这个 jsfiddle更好地解释了它。

Answer 1

您需要添加position: relative到您的 div 中，以便它脱离正常的页面流程并尊重 z-index 属性，请参阅我更新的小提琴

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

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

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