Question

我厌倦了面对IE6的Bug。问题是两个（位置：绝对）div在z-index上不能正常工作：考虑以下示例;

/* css */
#overlay{
    position:absolute;
    height:1200px;
    z-index:2;
    top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop+(document.body.clientHeight-this.clientHeight));
}

#dropping_list{
    position:absolute;
    top:34px;
    left:0;
    padding:0;
    width:635px;
    max-height:455px;
    background:#FFF;
    display:none;
    overflow:auto;
    z-index:3;
}

<div id="overlay"></div>
<div id="dropping_list">some content here</div>

但我在#droping_list之上得到了ovelay！任何帮助都会非常感激;

有关详细信息，您可以在以下位置查看： http://www.monde-presse.com

在顶部的搜索表单中，输入 tion 并按Enter键以获得测试的一些结果。

百里

Answer 1

重新安排你的元素：

从：

<div id="overlay">
    <div id="dropping_list">some content here</div>
</div>

为：

<div id="overlay"></div>
<div id="dropping_list">some content here</div>

IE6 z-index在两个绝对定位的div上

1 个答案: