z

z-index：在层叠上下文中控制元素叠放顺序

z-index 是什么？

z-index 是 CSS 中一个属性，用于控制元素在层叠上下文中的叠放顺序。层叠上下文指的是一个三维空间，其中元素相互重叠。z-index 决定了元素在该空间中的深度，从而决定了它相对于其他元素的显示顺序。

z-index 的作用

z-index 的主要作用是控制元素的叠放顺序，从而实现：

• 元素重叠：设置不同元素的 z-index 值，可以使它们在页面上重叠显示。
• 弹出效果：为弹出窗口或模态框设置高 z-index，使其浮在其他页面元素之上。
• 固定元素：为固定元素（如页眉或侧边栏）设置高 z-index，使其始终显示在页面其他部分之上。
• 复杂的布局：通过控制元素的 z-index，可以创建复杂的布局，在其中元素以特定的顺序重叠。

使用 z-index

要使用 z-index，需要为元素设置 style 属性，如下所示：

element {
  z-index: value;
}