我希望有人可以协助解决我的问题。当我在桌面窗口中使用Z-index时，每个图像或滑块都应该与它看起来的方式重叠。当我将浏览器的大小调整为移动设备的分辨率时，它会破坏Z-index，所以我看到的是我的图像中有间距。提前谢谢。
答案 0 :(得分：0)
我想提醒您，z-index仅适用于显式定位的HTML元素，例如：
position:absolute;
position:fixed;
position:relative;
希望这会有所帮助。
答案 1 :(得分：0)
我的猜测是，如果它在桌面上运行良好，它与z-index没有任何关系。它可以是字面上的任何东西。但z-index可能不是问题，因为z-index不随窗口大小而变化。
使用z-index唯一重要的是你可以对它们进行分组。并且不透明度实际上也创建了一个z-index组。因此，如果您正在查找元素的不透明度，则z-index可能会更改，并且某些元素可能具有不同的呈现顺序。
那就是说，如果你有填充或媒体查询改变css中的某些值。 （响应式css）那么可能的是，在窗口尺寸较小的情况下，有一个css查询会修改填充甚至不透明甚至是Z-index！但谁知道你的问题是什么。
答案 2 :(得分：0)
使用桌面大小的浏览器窗口在Chrome中打开您的页面，右键单击其中一个图像，单击inspect element，搜索任何z-index css规则（位于窗口右侧） ），找到任何确定z-index的规则，然后将窗口大小调整为移动电话的大小并执行相同的操作。您可以通过这种方式找到确定z-index的规则，并且您将能够解决您的问题。
答案 3 :(得分：0)
父容器应位于：
position: absolute;
具有z-index的元素应该在：
position: relative;
您还可以添加位置：
position: relative;
top: 1em;
right: 1em;