FF4溢出和z索引问题子代不会使另一个父代溢出

问题描述

| 我在FF4中有一个看似简单的问题。 在下面的代码中，我需要P1_child溢出（并放在上面）P2_child。 但是，P1_child消失在P2后面（甚至不像预期的那样讲P2_child） 我是否缺少简单的东西？

<div>

  <div id=\"P1\" style=\"position:relative; z-index: 21;\">
   <div id=\"P1_child\" style=\"z-index: 2;\"></div>
  </div>

  <div id=\"P2\" style=\"position:relative; z-index: 21;\">
   <div id=\"P2_child\" style=\"z-index: 1;\"></div>
  </div>

</div>

提前致谢     

解决方法

您需要将1ѭ分配给子div（否则

z-index

将不起作用），这样他们将相对于其父母定位（因为他们有

position:relative

）。 您还需要从父div中删除“ 2”，因为当您将“ 2”分配给相对定位的元素时，子元素相对于其父堆叠上下文定位。您在此处有完整的文档。

<div>

    <div id=\"P1\" style=\"position:relative\">
        <div id=\"P1_child\" style=\"z-index: 2; position:absolute\">P1</div>
    </div>

    <div id=\"P2\" style=\"position:relative\">
        <div id=\"P2_child\" style=\"z-index: 1; position:absolute\">P2</div>
    </div>

</div>

或检查它并在此jsFiddle中进行测试