z-index和多个div的位置

Question

我一直在搞乱z-index和位置属性试图实现下面的div框设置。我应该使用什么位置，所有设备（包括移动设备）可读的最大z-index应该是99吗？我的z-index似乎已经过时了。

<div style="width: 990px; border: 1px solid;">
  <div style="z-index: 1; border: 1px solid; background: #000; position:absolute;">
    Top div 1
  </div>
  <div style="z-index: -2; border: 1px solid; background: #000; position:absolute;">
    back div 2
  </div>
  <div style="z-index: -1; border: 1px solid; background: #000; position:absolute;">
    back div 3
  </div>
  <div style="z-index: 2; border: 1px solid; background: #000; position:absolute;">
    text div 4
  </div>
  <div style="z-index: 3; border: 1px solid; background: #000; position:absolute;">
    Top div 5
  </div>
  <div style="z-index: -1; border: 1px solid; background: #000; position:absolute;">
    Top div 6
  </div>
</div>

Answer 1

背面的和textdiv可以是浮动div，分别是left，left和right，只调整它们的边距。

应该覆盖其他人（顶部，背部和顶部）可以包裹在position:absolute div中，并且全部position:relative。在那里，应该再次使用他们的边距并设置一个高z-index，如z-index:1000，以确保他们应该在顶部。

这种方式比单独处理它们更简单。

希望这会有所帮助。 干杯