代码之家  ›  专栏  ›  技术社区  ›  Louis W

位置:相对显示在位置:绝对

css
  •  8
  • Louis W  · 技术社区  · 15 年前

    在IE7中有一个奇怪的问题。在许多点中,我有一个DIV,它有位置:绝对在它上面(人造下拉菜单),每当它后面有位置时:相对的,相对定位的项目将通过另一个DIV显示。

    相对定位项没有任何Z索引集,而绝对定位项(我想要在顶部的)的Z索引为1000。

    http://skitch.com/louiswalch/dub5h/microsoft-windows-vista

    1 回复  |  直到 15 年前
        1
  •  25
  •   Pat    15 年前

    我怀疑你已经试过了,但是 z-index 在相对位置低于绝对位置元素的元素上 Z指数 作为第一个测试。

    如果这不起作用,您需要确保两个元素在同一个元素中 stacking context . 在IE中,无论何时应用 position CSS规则对一个元素,它在该元素中生成一个新的堆栈上下文。这意味着z-index只能在元素的子元素和其他堆栈上下文中的子元素中得到适当的尊重。 具有 较低的Z索引可能仍在上面堆叠。

    在您的案例中,您要么需要将下拉列表和按钮放在相同的堆叠上下文中。 将z-index应用于生成其单独堆叠上下文的2个元素。