Javascript 相对z指数'；惯性导航与制导

我正在尝试使用等距格式重叠的图像设计地图。 现在，我有两种不同的设计，每一种都解决了另一种的问题。以下是当前设置：

左侧显示器存在垂直重叠问题，右侧显示器存在水平重叠问题

我知道原因是，当z索引应用于父容器时，应用于子容器的后续z索引将在父容器内本地化。。。。但我仍然需要“行”效果跨越多个父div

我知道一个解决方案是不给父div分配z索引，只给每行分配递增/递减z索引，但在最终产品中，父div将动态创建，我试图避免在每行计算相对z索引

但是我想不出任何其他的方法来做这件事。。。其他人对如何相对应用z指数有什么想法吗？

避免计算的一种方法是提前为每行保留范围。假设每行最多有100个单元，那么每行中的元素将获得

100*n

的偏移量，其中

n

是行号

---

这对你来说可行吗？

我从来没有找到一种方法在不同的相对或绝对容器中为事物交织z索引

我觉得它就像两本书。在现实生活中，你可以半开两本书，把它们夹在一起，这样一些书页就在彼此之间了，就像这样：

在CSS中，这是不可能的

---

我认为最简单的事情是决定一个绝对帧，比如屏幕大小，或者整个地图，然后根据单个父对象定位和z索引所有对象。然后你可以把所有的游戏对象都当作。。。与独立对象类似，不必担心这些奇数行容器和其他特定于布局的元素。

在我的旧地图中，它是静态的，每个对象都相对于地图容器全局定位。然而，我正在将设计升级为动态地图，这样我就可以在当前“地图”的上方、下方和侧面创建新的单元格。。。。这就是织布的用武之地。现在，我能想到的唯一方法是创建对象，找出该单元格的y坐标范围，取相反的值，并将其作为行的z索引。（因此，如果y坐标为-50，则z指数为50，以此类推）。我避免了这种情况，因为在一系列其他研究之后，z指数的后处理应用，并且考虑了所有不同的方法，我决定只做全球定位，结果是这样的：酷男人。看起来棒极了。我认为这将使你的对象结构更简单（比如，地图上的对象必须跟踪更少或没有优化相关的垃圾，比如它们所处的动态地图区域）。现在的想法是每个“单元格”，每行5行，每个单元格10行（这样，动态负载被分成块，而不是一个巨大的负载）