Html z索引固定父级和子级

我希望gui出现在海报的顶部。两个元素必须具有固定位置。如果我将gui位置设置为“绝对”，它可以正常工作，但“修复”不起作用

#gui{
宽度：250px；
高度：50px；
position:fixed；//如果我改为绝对值，它就会工作。
背景颜色：绿色；
}
#海报{
宽度：250px；
高度：250px；
位置：固定；
背景色：红色；
z指数：-1；
}

因为海报是gui的子元素

固定位置使它们独立于父元素，所以只需将海报移出gui即可：

<div id='gui'></div>
<div id='poster'></div>



因为海报是gui的子元素

固定位置使它们独立于父元素，所以只需将海报移出gui即可：

<div id='gui'></div>
<div id='poster'></div>



您必须使div独立，否则无法工作。可能的重复您必须使div独立，否则无法工作。可能的重复