我有一个名为overlay的叠加div，它将另一个div称为panel。面板div包含在一个名为main的div中，这个主div有6个祖先div。在IE8 / FF / Chrome中，我只是为叠加9000设置z-index，用top / left 0设置绝对位置然后我将叠加div添加到body标签，然后为面板我设置z-index 9999并显示它并且工作完美无瑕。对于IE6 / 7，这不起作用。在SO上我发现它是由于z索引堆叠错误。现在我感到困惑的是面板div的祖先必须具有的z-index才能在IE6和IE 7中工作。这是面板div和叠加div的路径
<body tag> > #maincontainerdiv > #div1 > #div2 > #div3 > #div4 > #maindiv > #paneldiv{position: absolute, z-index:9999}
<body tag> > #overlaydiv {zindex:9000, position:fixed, top/left:0px}
箭头仅用于表示路径。现在，如前所述，我不确定面板div的祖先的z-index是什么。任何帮助都感激不尽。我不能改写标记。
答案 0 :(得分：0)
将您的叠加div放在身体末端，就在</body>标记之前。
将您的panel div放在overlay div和</body>标记之间。
...content
<div id="overlay"></div>
<div id="panel">whatever is inside it</div>
</body>
那应该有用。 （我总是这样做）