Javascript z索引更改时溢出停止工作

Javascript z索引更改时溢出停止工作,javascript,jquery,overflow,z-index,Javascript,Jquery,Overflow,Z Index,我有一个容器div,它带有溢出:隐藏包装了一堆较小的分区。它们都有z-index:1,包括容器。所有都定位在固定位置 当我更改较小分区的大小时,overflow可以很好地工作,并剪辑超出容器边界的较小分区(图1) 使用jQuery,我更改了容器的z索引以使其向前移动,除了容器的溢出停止工作外,其他人都跟着移动。内部div溢出。(图二) 当我将容器返回到z-index:1时,它和它的子元素返回到其他页面元素后面的位置。z索引没有问题 除了溢流仍然被破坏。(图3) 我曾尝试直接向容器重新发出一个溢

我有一个容器div,它带有溢出:隐藏包装了一堆较小的分区。它们都有z-index:1,包括容器。所有都定位在固定位置

当我更改较小分区的大小时,overflow可以很好地工作,并剪辑超出容器边界的较小分区(图1)

使用jQuery,我更改了容器的z索引以使其向前移动,除了容器的溢出停止工作外,其他人都跟着移动。内部div溢出。(图二)

当我将容器返回到z-index:1时,它和它的子元素返回到其他页面元素后面的位置。z索引没有问题

除了溢流仍然被破坏。(图3)

我曾尝试直接向容器重新发出一个溢出:hidden,使用类来设置溢出和z-index,但似乎没有任何效果。有人遇到过这样的事情吗


编辑:这只发生在Chrome中-在Safari中一切都很好-还不是Moz-proof。

使子项
位置:绝对
,但保持父项
位置:固定
。滚动时,子对象将保持不变,但它将允许父对象的
overlow:hidden
属性将子对象从视图中删除。

根据,
overflow:hidden
对于固定位置元素根本不起作用。子元素的位置是固定的还是绝对的?您可能希望父元素具有固定位置,子元素具有绝对位置。谢谢Trevor。我会看看我是否可以用子位置绝对设置-但我很确定我已经尝试了几乎所有可能的位置组合…60秒后:它完全解决了它!显然,这是一种我没有尝试过的组合。