为什么将我的 div 的位置设置为固定会干扰弹出窗口 div？

Question

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

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

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

是因为我把wholeContainerdiv的位置从fixed改成了absolute。

谁能解释这是为什么？

Answer 1

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

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

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