Question

基本上我想要一个相对元素来隐藏z计划中的绝对子元素。

ul {z-index:10; position:relative;}
ul ul {z-index:-10; position:absolute;}

他们在彼此之上被定位。第一个应该隐藏它的孩子，但它不是那样发生的。

请参阅fiddle。我试着让红色部分在蓝色部分下消失。

任何帮助muy赞赏

谢谢

Answer 1

你要做的具体事情是无法完成的。通过在父级ul上设置z-index，可以使该元素成为新的堆叠上下文，根据the spec，它意味着其背景和边框将始终位于其所有子元素的下方。 / p>

如果从父级ul中删除z-index设置，则仍可以实现所需的效果。这并不意味着您必须调整页面中其余的z索引来进行补偿;您所要做的就是提供另一个元素作为上下文 - 例如，父元素的父元素。要使该元素成为堆叠上下文，您只需给它一个z-index值 - 任何z-index值，只要它是一个数字。