在網(wǎng)頁(yè)設(shè)計(jì)中，使用CSS是非常常見(jiàn)的。其中，z-index屬性是一種很常用的CSS屬性，它用來(lái)控制元素的顯示順序。在默認(rèn)情況下，元素的z-index值為auto，也就是說(shuō)，瀏覽器會(huì)根據(jù)元素在HTML文檔中出現(xiàn)的順序來(lái)決定元素在頁(yè)面中的顯示順序。

但是，在一些情況下，我們需要明確地控制元素的顯示順序，這時(shí)候就需要使用z-index屬性了。z-index屬性的取值可以是一個(gè)整數(shù)，也可以是auto、inherit、initial等值。其中，整數(shù)越大的元素會(huì)被顯示在越上層。

.example{
position: absolute;
z-index: -1;
}

在上面的代碼中，我們使用了z-index屬性，并將值設(shè)為-1。這意味著元素會(huì)被顯示在其他元素的下方。需要注意的是，z-index只對(duì)定位元素（position為absolute或relative）有效。

下面是一些常見(jiàn)的z-index的取值：

• auto：默認(rèn)值，表示瀏覽器會(huì)根據(jù)元素在HTML文檔中出現(xiàn)的順序來(lái)決定元素的堆疊順序。
• inherit：表示繼承父元素的z-index屬性值。
• initial：表示重置為默認(rèn)值auto。
• 整數(shù)值：表示元素的堆疊順序，整數(shù)越大的元素會(huì)被顯示在越上層。

總之，z-index屬性是一種非常有用的CSS屬性，可以幫助我們實(shí)現(xiàn)更加復(fù)雜和多樣化的頁(yè)面布局和效果。