z-index不适用于定位的固定浮动按钮

Question

我将浮动按钮设置为以9999的z索引固定的位置。

滚动页面时，某些元素会通过按钮可见。

所以我将元素设置为相对位置，z索引为10，仍然可以看到。

当我设置为-1时，它可以工作，但是随后该元素变得不可点击。

我该如何做？

#button {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
}

#carousel {
  position: relative;
  z-index: 1;
}

我已经完成了研究，看到了z-index not working with fixed positioning这篇帖子，但是对我的问题有这样的解决方案。

Answer 1

如果没有HTML和其余代码，将无法提供帮助。
根据您发布的代码，它应该可以工作。

这可能是父母的堆叠上下文中的问题。

如果您有类似的东西：

<div id="parent-1" style="z-index: 1">
    <div id="myDiv" style="z-index: 9999"></div>
</div>
<div id="parent-2" style="z-index: 2"></div>

[＃myDiv]始终位于[＃parent-2]下。
由于[＃parent-1]堆栈上下文（层）位于[＃parent-2]堆栈上下文（层）之下。

另一个常见的问题是在Parent元素上使用“ transform”，这又带来了很多伤害。