更改z-index时溢出停止工作

Question

我有一个容器div，溢出：隐藏包装了一堆较小的分区。他们都有 z-index：1 ，包括容器。所有这些都定位在固定。

当我改变较小分区的大小时，溢出工作正常，并剪切超出容器边界的较小分区（图1）。

使用jQuery，我更改容器的z-index以使其前进，并且每个人都跟随，除了容器的溢出停止工作。内部div溢出。 （图2）

Link to screencap

当我将容器返回到z-index：1，时，它及其子节点将返回到应该存在的其他页面元素的后面。 z-index没问题。

除了溢出仍然破裂。 （图3）

我尝试直接向容器重新发出 overflow：hidden ，使用类设置overflow和z-index，似乎没有任何效果。有人遇到过这样的事吗？

编辑：这只发生在Chrome中 - 所有功能都可以在Safari中运行 - 而不是Moz版本。

Answer 1

让孩子position: absolute，但保留父position: fixed。滚动时孩子会保持不变，但是父母的overlow: hidden属性会将孩子们剪掉。