我正在尝试使用以等距格式重叠的图像设计地图。现在，我有 2 种不同的设计，每一种都解决了彼此的问题。这是当前设置： http: //mc1.empirebattles.com/map/maplayout.html
左边的显示有垂直重叠的问题，右边的显示有水平重叠的问题。
我知道原因是由于当 z-index 应用于父容器时，随后应用于子容器的 z-indexes 本地化在父容器内....但我仍然需要“行”效果跨越多个父 div。
我知道一种解决方案是不为父 div 分配 z-index，而只是为每一行分配升序/降序 z-index，但在最终产品中，父 div 将被动态创建，我正在尝试避免必须在每一行计算相对 z-index....
我想不出任何其他方法来做到这一点......还有其他人对如何相对应用z-index有任何想法吗？
避免计算的一种方法是提前为每一行保留范围。假设您在每行中最多可以有 100 个单位，那么每行中的元素将获得行号100*n在哪里的偏移量n。
这对你有用吗？
我从来没有找到一种方法来为不同的相对或绝对容器中的事物交织 z-index。
我认为它就像两本书。在现实生活中，您可以将两本书半打开并将它们楔在一起，这样一些页面就在彼此之间，就像这样：http: //4.bp.blogspot.com/_e3GqvYXugb8/Se11YQaT-YI/AAAAAAAAAGQ /ljKewd_WMj0/s320/PhoneBook.jpg
在 CSS 中，这是不可能的。
我认为最直接的事情是决定一个绝对框架，如屏幕大小或整个地图，以及针对该单一父级的所有对象的位置和 z-index。然后，您可以将所有游戏对象视为......以及独立对象，而不必担心这些奇怪的行容器和其他布局特定元素。
