HTML-Css:z索引不使用相对位置

我知道z-index需要div定位

那么，我不知道为什么它在我的情况下不起作用：

html{
身高：100%；
}
身体{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
}
#路标{
位置：相对位置；
z指数：-1；
宽度：100%；
身高：100%；
}
#资讯部{
位置：相对位置；
宽度：100%；
身高：100%；
z指数：10；
}

...
...

在某种程度上说，在元素上声明位置将使其z-index属性生效，这是正确的。但在您的示例中，由于HTML中元素的顺序，

infoDiv

在默认情况下就z-index而言已经位于顶部。你甚至不需要z-index

您需要的是将它们的位置设置为

绝对

，而不是

相对

诸如此类：

html{
身高：100%；
}
身体{
边际：0px；
填充：0px；
}
#路标{
位置：绝对位置；
z指数：-1；
宽度：100%；
身高：100%；
}
#资讯部{
位置：绝对位置；
宽度：100%；
身高：100%；
z指数：10；
}

1.
2.

z-index

不会改变位置。它会改变堆叠顺序。