在 CSS 中，定位是一種用于控制元素在頁面上的位置的技術。其中一種常見的定位方式就是固定定位，它允許我們將元素固定在瀏覽器窗口的某個位置，并且不隨滾動條的滾動而移動。

然而，在應用固定定位的過程中，我們有時會遇到一個問題，就是被覆蓋的現象。具體來說，當我們為某個元素添加了固定定位之后，它就可能會被其他元素所覆蓋，即使這些元素看似處于它的下方。

.example {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
}

上面的代碼片段是一個使用固定定位的示例。首先，我們將元素的位置設為固定（即 position: fixed），并且將它的頂部和左側分別設置為 0，以充分利用瀏覽器的可見區域。此外，我們還將元素的寬度設置為 100%，以確保它覆蓋整個窗口的寬度，并將高度設置為 50px。這應該是一個很簡單的布局，但是如果我們嘗試在它下方添加其他元素，我們會發現這些元素可能會出現在它的上方。

產生這種現象的主要原因是 z-index 屬性，它決定了元素在堆疊順序中的層級關系。具體來說，當我們為兩個元素添加固定定位時，它們都會脫離文檔流，并且默認情況下它們會按照代碼的先后順序按疊放次序進行堆疊。因此，如果我們想要確保某個固定定位的元素始終在其他元素的上方，我們需要為它們添加適當的 z-index 值。

.example {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
z-index: 10;
}
.other {
position: relative;
z-index: 5;
}

在上面的代碼片段中，我們為固定定位的元素添加了 z-index：10，這意味著它會在堆疊順序中處于較高的層級。同時，我們還為其他元素添加了 z-index：5，它們會被放在固定定位元素的下方。在實際應用中，我們可能需要根據具體的網頁布局和視覺效果來調整這些值。

除了 z-index 屬性之外，還有一些其他的技術可以幫助我們解決固定定位被覆蓋的問題，如使用 CSS3 的 transform 屬性以及給固定定位元素添加背景顏色等。但無論采用何種方式，我們都需要密切注意元素的層級關系，以確保它們能夠正確地顯示在頁面上。