CSS的index屬性可以用于指定元素在文檔流中的堆疊順序，也就是z-index值。z-index在處理頁面布局時非常有用，它可以使元素按照自己所需的順序在頁面中排列。在下面的例子中，我們可以看到一個div元素覆蓋在另一個div元素上：

<div style="background-color: blue; width: 200px; height: 100px; z-index: 1;"></div>
<div style="background-color: red; width: 200px; height: 100px; position: relative; top: -50px; left: 50px; z-index: 2;"></div>

這個例子中，我們設置了兩個div元素，它們都有具體的寬度和高度。第一個div元素的顏色是藍色，z-index設為1，它是第二個div元素的下方。第二個div元素的顏色是紅色，它浮在第一個div元素上面，因為它的z-index值設為2。

在設置z-index值時，需要注意以下幾點：

• z-index值只能與定位元素一起使用，它們可以有相對定位、絕對定位或固定定位。不設置定位時，z-index不會生效。
• z-index值必須為正整數，可以是一個很大的數，表示該元素排列在最上面。
• 如果多個元素的z-index值相同，它們的排列順序將由它們在HTML文檔中的順序決定。

總的來說，z-index值的使用可以讓我們在處理頁面布局時更加靈活和方便。我們可以將某些元素置于其他元素的上方，從而實現更好的視覺效果和布局效果。