jquery - 我的博客内容后面的 jQuery 对话框弹出窗口。怎么修

Question

我有这个问题我已经处理了一段时间了。我的对话框似乎在我的博客内容后面弹出。这是一个屏幕截图。 http://wsoplugins.com/wp-content/uploads/2012/04/Capture.png 有人可以帮我解决这个问题吗？它会在标题内容后面弹出以进行具体说明。下面的其他内容似乎很好。太感谢了。

.ui-dialog{

position: fixed;
z-index: 99999;

}

Answer 1

尝试更改您的z-index.

例如：

#myPopup{
    z-index: 9999;
}

编辑
有你的问题：

position: fixed;

您的位置必须是relative或absolute。

Answer 2

有时将z-index属性放在相邻的元素包装器上是明智的。唯一需要z-index工作的是元素应该通过position属性相对、绝对或固定定位。

例如 HTML：

<div class="nav">
Multiple div's here with some text or whatever elements, some of them with z-index
</div>
<div class="main_content">
Multiple div's here with some text or whatever elements, some of them with z-index
</div>

CSS：

.nav{
    position: relative; //fixed, or absolute, otherwise z-index doesn't work
    z-index: 40;
}
.main_content{
    position: relative; //fixed, or absolute, otherwise z-index doesn't work
    z-index: 30; // setting it lower than the previous block
}

您可以添加这样的 css 以确保 div 中之后的任何内容都nav将以main_content较低的z-index值定位。

Answer 3

您可以在创建对话框时设置 zIndex 选项；

zIndex: 12000 //you can set much more