CSS中的z-index屬性用于創建多層次的界面元素，其中層次不同的元素可以覆蓋或被覆蓋。在導航欄設計中，z-index屬性可以確保導航欄元素永遠在頁面上方，方便用戶導航。

.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
z-index: 999;
}

在這個例子中，導航欄元素的z-index屬性被設為999，比默認值（0）高得多。如果頁面中有其他元素想要覆蓋導航欄，那么它們的z-index值必須比999更高。例如，如果有一個模態框要覆蓋導航欄，可以這樣設置：

.modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #ffffff;
z-index: 1000;
}

在這個例子中，模態框元素的z-index屬性被設為1000，高于導航欄。這樣，模態框就可以覆蓋導航欄了。