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

时间:2012-04-28 16:59:17

标签: jquery css user-interface dialog

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

.ui-dialog{

position: fixed;
z-index: 99999;

}

3 个答案:

答案 0 :(得分:4)

尝试更改z-index

例如:

#myPopup{
    z-index: 9999;
}

修改
有你的问题:

position: fixed;

您的排名必须为relativeabsolute

答案 1 :(得分:1)

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

zIndex: 12000 //you can set much more

答案 2 :(得分:1)

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

e.g。 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,以确保nav div中main_content之后的任何内容都定位z-index值较低。