z-index屬性用于控制元素在z軸上的堆疊順序。較大的z-index值會覆蓋較小的z-index值。
使用z-index屬性的語法如下:
selector {
z-index: value;
}
其中,selector是要應用z-index屬性的元素的選擇器,value是一個整數值,表示元素在堆疊順序中的位置。較大的value值會覆蓋較小的value值。
以下是一些使用z-index屬性的示例:
#element {
z-index: 1;
}
#element {
z-index: -1;
}
#element {
z-index: 9999;
}
注意事項:
z-index只對定位元素(position屬性值為relative、absolute、fixed)有效,對于未定位元素無效。
z-index只在同一個堆疊上下文中比較有效,不同堆疊上下文之間的z-index值無法比較。
z-index的值可以是負數。