使固定位置元素出现在静态位置元素后面

Question

8

如何让一个具有 position: fixed 属性的元素显示在一个具有 position: static 属性的元素后面？更改 z-index 似乎无效，因为它们并非绝对定位。

- Don P

1

将您的静态元素设置为 position: relative。如果它内部没有任何 absolute 子元素，那么您的 UI 将不会发生任何变化，并且您可以使用 z-index 来管理所需的元素。 - user2417834

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user1693593 · Accepted Answer

您可以在固定元素上使用负z-index。

<div id="fixed">This is fixed</div>
<div id="static">This is static</div>

#fixed {
    position:fixed;
    z-index:-1;
}