z-index是CSS屬性,用于控制元素在頁面中的層疊順序。
z-index的值決定了元素在垂直層面上的顯示順序,具有較高z-index值的元素會覆蓋具有較低z-index值的元素。
默認情況下,元素的z-index值是auto,這意味著元素的層疊順序由其在文檔流中的位置決定。在沒有使用定位屬性的情況下,后面出現的元素會覆蓋前面出現的元素。
當給元素設置了定位屬性(如position: relative, absolute或fixed)時,z-index屬性才會生效。z-index的值可以是正數、負數或0。較大的正數表示元素在層疊順序中較高,并且會覆蓋較小的正數或負數。
需要注意的是,z-index只在具有定位屬性的元素之間起作用。如果兩個元素都沒有設置定位屬性,它們的層疊順序仍然由它們在文檔流中的位置決定。
總結起來,z-index屬性用于控制元素在頁面中的層疊順序,具有較高z-index值的元素會覆蓋具有較低z-index值的元素,但需要注意只有在設置了定位屬性時才會生效。