css - z-index 不适用于定位的固定 float 按钮

Question

我将 float 按钮设置为固定位置，z-index 为 9999。

当我滚动页面时，一些元素会透过按钮看到。

所以我已经将元素设置为相对定位，z-index 为 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]层叠上下文(层)之下。

另一个常见的问题是在父元素上使用“转换”，这会带来另一个伤害。