我正在尝试使用以等距格式重叠的图像设计地图。
现在，我有2种不同的设计，每个设计都可以解决另一个问题。这是当前设置：
http://mc1.empirebattles.com/map/maplayout.html
左边的显示有垂直重叠的问题，右边的显示有水平重叠的问题。
我知道原因是由于以下事实：当将z索引应用于父容器时，随后应用于子对象的z索引位于父容器内..但是我仍然需要“行”效果跨越多个父div。
我知道一种解决方案是不给父div分配z-index，而是给每行分配升/降z-index，但是在最终产品中，父div将动态创建，我正在尝试避免必须在每一行进行相对z索引的计算...。
但我无法想到其他任何方法...其他人对如何相对应用z-index有任何想法？
最佳答案
我从来没有找到一种方法可以在不同的相对或绝对容器中交织z-indexs。
我认为它就像两本书。在现实生活中，您可以半开两本书，然后将它们楔在一起，以便其中一些页面位于彼此之间，如下所示：
http://4.bp.blogspot.com/_e3GqvYXugb8/Se11YQaT-YI/AAAAAAAAAGQ/ljKewd_WMj0/s320/PhoneBook.jpg
在CSS中，这是不可能的。
我认为最直接的事情是确定一个绝对的帧，例如屏幕大小或整个地图，并针对该单个父对象对所有对象进行定位和z索引。然后，您可以像对待独立对象一样对待所有游戏对象，而不必担心这些奇数行容器和其他布局特定的元素。