Css 需要知道如何在将浏览器调整为较小尺寸时修复z索引

我希望有人能帮我解决这个问题。当我在桌面窗口中使用Z-index时，每个图像或滑块都与它的外观重叠。当我将浏览器调整到移动设备的分辨率时，它会分解Z索引，因此我看到的是带有间距的图像。提前感谢。

我想提醒您，z-index仅适用于显式定位的HTML元素，如：

position:absolute;
position:fixed;
position:relative;

---

希望这会有所帮助。

我的猜测是，如果z-index在桌面上运行良好，它与z-index没有任何关系。它可以是任何东西。但是z索引可能不是问题所在，因为z索引不随窗口大小而改变

使用z索引需要了解的唯一一件事是，您可以对它们进行分组。不透明度实际上也在创建一个z索引组。因此，如果更改某个元素的不透明度，z索引可能会更改，并且某些元素可能具有不同的渲染顺序

---

也就是说，如果您有填充或媒体查询更改css中的某些值。（响应css）那么，有可能在较小的窗口大小下，有一个css查询将修改填充，甚至不透明度，甚至Z索引！但谁知道你有什么问题

使用桌面大小的浏览器窗口在chrome中打开您的页面，右键单击其中一个图像，单击

检查元素

，搜索任何

z-index

css规则（在窗口右侧），找到确定

z-index

的任何规则，然后将窗口调整为手机大小，并执行相同操作。通过这种方式，您将找到确定z索引的规则，您将能够解决您的问题。

父容器应位于：

position: absolute;

position: relative;

而具有z索引的元素应位于：

position: absolute;

position: relative;

您还可以添加职位：

position: relative;
top: 1em;
right: 1em;

---

不要期望收到任何建设性的答案，而不提供任何html的问题。没有魔法。