将jQuery对话框放置在div上方

我是jQuery新手，在将jQuery框放在div上方时遇到问题。
我有一个带有按钮的div，单击按钮，JQuery对话框打开。
问题是对话框出现在div后面，我想把它放在div上面。

我搜索了解决方案，发现指定zIndex可以解决这个问题。但是 我正在使用jquery-ui-1.10.3.min.js，该版本不支持zIndex。

请提出任何可能的解决方案

$("#mydialog").dialog({
  resizable: false,
  modal: true,
  title: "title",
  buttons: {
    Ok: function() {
    $(this).dialog("close");
  }
}

---

因为jqueryui对话框的cssz-index不够高，无法始终显示在内容上方 您所要做的就是覆盖css中类的z索引（ui对话框）

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

---

尝试使用firebug或开发人员工具获取相关元素的id或类，然后在css中，在jQuery UI 1.10中，将其z索引设置为更高

，删除

zIndex

选项：

已删除

zIndex

选项

与stack选项类似，zIndex选项对于 正确的堆叠实现。z索引是在CSS和 堆叠现在通过确保焦点对话框是最后一个来控制 在其父元素中“堆叠”元素

您必须使用

css

将对话框设置为“在顶部”，如下所示：

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

你需要

！重要信息

覆盖元素的默认样式

为

z-index

指定的值必须设置为高于

div

---

这会影响所有对话框，如果您只需要为对话框设置它，请使用

dialogClass

属性。

您也可以发布HTML。虽然您的答案可能会解决这个问题，但最好对代码的功能进行解释。代码/标记本身通常不是自解释的。