javascript - 为什么将我的 div 的位置设置为 fixed 会干扰弹出的 div？

Question

我有这个 fiddle :https://jsfiddle.net/reko91/yg0rs4xc/13/

请注意，单击按钮时会出现弹出窗口，您无法单击任何内容。当您这样做时，弹出窗口会消失。

这是工作 fiddle :https://jsfiddle.net/reko91/yg0rs4xc/14/

这是由于我将 wholeContainer div 的位置从 fixed 更改为 absolute。

谁能解释这是为什么？

Answer 1

当您将元素设置为 position:fixed 时，该元素将相对于文档而不是相对于其父元素。这意味着如果您希望元素正常运行，则必须添加 z-index。

https://jsfiddle.net/yg0rs4xc/15/

当它是绝对的时，它是相对于它的父级的，所以不需要添加 z-index。