在CSS中,可以使用z-index屬性來設置元素的堆疊順序。z-index屬性的值可以是整數、負數、auto或inherit。
整數值:較高的整數值會使元素具有較高的堆疊順序,即在其他元素之上顯示。較小的整數值會使元素具有較低的堆疊順序。
負數值:負數值會使元素具有較低的堆疊順序,即在其他元素之下顯示。
auto:元素的堆疊順序由瀏覽器自動確定。
inherit:元素的堆疊順序繼承父元素的堆疊順序。
以下是設置z-index屬性的示例:
.element {
z-index: 2;
}
在上面的示例中,.element元素的堆疊順序被設置為2,這意味著它將顯示在具有較低堆疊順序的元素之上。
需要注意的是,只有定位屬性(如position: relative、position: absolute、position: fixed)的元素才能使用z-index屬性。如果元素未設置定位屬性,默認值為static,此時z-index屬性不會起作用。