z-index 是 CSS 屬性,用來控制元素的堆疊順序。當元素重疊在一起時,z-index 可以指定哪個元素應該顯示在上層,哪個元素顯示在下層。
要解決層疊問題,可以使用 z-index 屬性來確定元素的堆疊順序。給需要調整層疊的元素設置不同的 z-index 值,值越大的元素會顯示在值較小的元素之上。如果多個元素具有相同的 z-index 值,則會根據它們在 HTML 文檔中的位置來確定堆疊順序。
需要注意的是,z-index 只對定位(positioned)元素有效,所以在使用 z-index 屬性時,需要先將元素的 position 屬性設置為 relative、absolute 或 fixed。
總結一下,通過使用 z-index 屬性,可以控制頁面元素的層疊順序,解決元素重疊時的顯示問題。