Css Z索引在IE7中不起作用

我在单击删除按钮时创建了一个对话框。它覆盖了父Div

它在除IE7之外的所有浏览器中都能工作。这里我提到了对话框和div的Css

dialog_box {
width:219px;
height:100px;
background-image:url(../images/preference/popup.png); background-repeat:no-repeat;
padding:10px;
position:absolute;
right:-10px;
z-index:50;
overflow:hidden;
}

Div{
border:solid 1px #ffffff;
padding:10px;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
position:relative;
text-align:left;
}

---

知道为什么会发生这种情况吗？

对话框引用的元素与Div在同一个容器中吗？在IE中，处理包含在同一个包含块中的元素的z索引有时会很奇怪。尝试将对话框移出到更高级别的包含块（例如body元素），然后查看其工作原理。您可能需要调整您的定位，但通常在身体水平放置弹出式div可以缓解任何奇怪的z-index/绝对定位行为。

这是IE7的常见问题

见此：

---

或谷歌“IE7 z-index”，了解更多信息。

不确定您在这里要做什么。。。我猜是对话框下面的DIV

---

这可能是因为您没有为DIV定义z索引，看看给出40是否有效。

没有看到HTML很难，我也不确定iframe会如何影响这一点，但它似乎与相同的问题，因此Davidyn可能是正确的

我在（更新：新建和实时链接）上发了一篇帖子，附有一些插图，可能会让你更接近解决方案

---

这篇文章现在已经结束了，所以这里是

您应该在position:relative元素上设置z索引（如果您有绝对元素，则不在其中设置）

---

还要注意，当为定位元素设置z索引时，将为子元素创建一个新的z顺序堆栈。

这是帮助您的最佳方法。使用jquery

$(function() {
   var zIndexNumber = 1000;
   $(".x").each(function() {
           $(this).css('zIndex', zIndexNumber);
           zIndexNumber -= 10;
   });
});

风格

.rel{宽度：50px；高度：50px；背景色：#333； 位置：相对；}.abs{位置：绝对；顶部：34px；左侧：5px； 背景色：#FFF；高度：20px；宽度：30px；}

Html

你也应该用IE来标记这一点……有朝一日，你会发现beast产生了多少问题。否，在父Div结束位置之后创建的对话框。这两个都是我使用Jquery在父Div之后添加的不同divs对话框（都在Iframe中）。我为父Div设置了z-index。但同样的事情只发生了。嗯。。您可能需要尝试javascript解决方案。。类似于“艾伦”的东西是的，对不起。我的WP安装被黑了，我还没有时间安装一个新的。已使用新链接更新了答案。

<div class="rel"><div class="abs"></div></div>