在 CSS 中,可以使用 z-index 属性来控制页面中各个元素的层级顺序。z-index 属性的值越大,对应元素的层级就越高,也就越可能覆盖其他元素。
例如,如果想要一个元素在另一个元素上方显示,可以给这个元素设置一个比另一个元素更高的 z-index 值。具体语法如下:
.element1 {
z-index: 2;
}
.element2 {
z-index: 1;
}
在上面的例子中,.element1 元素的 z-index 值为 2,.element2 元素的 z-index 值为 1,因此 .element1 元素会显示在 .element2 元素的上方。
需要注意的是,只有设置了 position 属性的元素才能使用 z-index 属性。同时,z-index 属性只对定位元素(即 position 值为 absolute、relative 或 fixed 的元素)有效。如果多个元素的 z-index 值相同,它们的层级顺序将根据它们在 HTML 中的顺序来决定。
希望这个答案对你有所帮助。如果你有任何其他问题,欢迎继续提问。