更改 jquery ui 对话框 z-index

and*_*ewb 2 html jquery twitter-bootstrap

我正在使用 bootstrap 和 jquery UI 对话框。

在我的页面顶部有一个 z-index 为 1000 的元素。

当我打开一个 jquery UI 对话框时,外部 div 的 z 索引是 101。

我已将 modal 属性设置为 true,但对话框的顶部出现在标题中的某些内容后面。请注意,对于我的标记中的实际 div,

<div id="divPopup" style="display: none; z-index:5000;"></div>
Run Code Online (Sandbox Code Playgroud)

由于 5000,看起来很好。但是,对话框的顶栏出现在内容后面。

有没有办法改变包装div的z-index?

小智 5

您需要使用纯 css 将对话框设置为“在顶部”:

.ui-dialog { z-index: 1000 !important ;}
Run Code Online (Sandbox Code Playgroud)

完整答案在这里