添加位置相對元素後，位置固定標題將落在文本後面

Question

因此，我知道關於z-index的位置固定/相對/絕對有很多問題，但我仍然無法找出使用這些問題的問題。

基本上我有一個固定的標題。它工作得很好，當頁面向下滾動時，一切都會落後。

我最近想要添加鏈接到div id，但爲了解決頭部問題，我不得不添加下面的代碼，其中鏈接是父元素，然後linkTo是具有ID的東西的類，我們實際上鍊接到。此功能完全工作，提供正確的偏移量，以便頭部高於我們想要的div。

.link {position: relative;} 
.linkTo {position: absolute; top: -80px;} 

問題在於，出於某種原因，現在我的div在頁面上的所有內容之後。我仍然可以看到它，但文字和圖像在前面。

我試着添加z-index到我的頭（如9999），但它不工作。我不明白爲什麼添加相對位置會混淆事物顯示順序。

我想提供一個例子，但我的代碼相當大。如果這還不夠，我可以嘗試稍後再做一個jfiddle。

Answer 1

將position: relative; z-index:9999添加到父元素，它將保持這個元素粘在菜單內。

Answer 2

正如Ganesh所說，添加位置：相對於標題的父元素是開始的一步。之後，將z-index添加到同一個父元素可以完全解決問題。

Answer 3

在父元素上檢查較低的z-index，它似乎覆蓋子級的z-index。

我已經遇到z-index問題在過去的下拉菜單和jQuery的UI標籤。我認爲這與stacking effects created us rules like opacity or transition有關，但對於我來說，問題是一個父元素的子元素比子元素低z-index。