更改jquery ui对话框z-index

Question

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

在我的页面顶部有一个元素，它的z索引为1000。

当我打开我的一个jquery UI对话框时，外部div的z-index为101.

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

<div id="divPopup" style="display: none; z-index:5000;"></div>

由于5000而显得很好。但是，对话框的顶部栏显示在内容后面。

有没有办法更改包装器div的z-index？

Answer 1

您需要使用纯CSS来设置对话框＆＃34;在顶部＆＃34;：

.ui-dialog { z-index: 1000 !important ;}

完整答案here

Answer 2

您需要为div添加一个位置才能使z-index工作。

<div id="divPopup" style="display: none;position:absolute, z-index:5000;"></div>