Html 多分区的z索引和位置

为了实现下面的div-box设置，我一直在处理z-index和position属性。我应该使用什么位置，包括移动设备在内的所有设备可读的最大z索引应该是99，对吗？我的z指数似乎有点不对劲

<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>

第一组
后二组
后三组
文本第4部分
第五组
第六组

---

最后面的和textdiv可以是浮动div，分别为

左

、

左

和

右

，只调整它们的边距

应该在其他位置（顶部、后部和顶部）之上的位置可以被包装在

位置：绝对
div中，并与之完全
位置：相对
。同样，他们应该利用他们的利润率，设置一个高的
z-index
，比如
z-index:1000
，以确保他们处于领先地位

这种方法比试图单独处理它们更简单

希望这有帮助。
Cheers
最后面的和textdiv可以是浮动div，分别是
左
、
左
和
右
，只调整它们的边距

应该在其他位置（顶部、后部和顶部）之上的位置可以被包装在
位置：绝对
div中，并与之完全
位置：相对
。同样，他们应该利用他们的利润率，设置一个高的
z-index
，比如
z-index:1000
，以确保他们处于领先地位

这种方法比试图单独处理它们更简单

希望这有帮助。
干杯
你可以用1到6的z指数来完成上面设计的任务。最大有效z索引似乎几乎没有限制。我经常使用50000来确保一个元素显示在所有其他元素的顶部（在WP安装中，有时会有其他人的代码，而不仅仅是我的代码）为什么你认为他们应该这样布局？它们都有
display:absolute
，所以我认为它们应该都在彼此之上。这一点我同意。您是否缺少一些
left
和
top
属性？如果您有position-absolute，则必须为它们提供top和left值，以使它们不会相互堆叠
z-index
被浏览器解释为带符号整数，因此，范围是
–2147483648
到
2147483647
。最外层的div不也应该有position:relative吗？您可以按照上面的设计，使用1到6的z索引。最大有效z索引似乎几乎没有限制。我经常使用50000来确保一个元素显示在所有其他元素的顶部（在WP安装中，有时会有其他人的代码，而不仅仅是我的代码）为什么你认为他们应该这样布局？它们都有
display:absolute
，所以我认为它们应该都在彼此之上。这一点我同意。您是否缺少一些
left
和
top
属性？如果您有position-absolute，则必须为它们提供top和left值，以使它们不会相互堆叠
z-index
被浏览器解释为带符号整数，因此，范围是
–2147483648
到
2147483647
。最外层的div不也应该有position:relative吗？