添加位置相对元素时，位置固定标题位于文本后面

Question

所以我知道关于与z-index相关的位置固定/相对/绝对存在大量问题，但我仍然无法用这些来解决我的问题。

基本上我有一个固定的标题。它的工作非常精细，当向下滚动页面时，一切都在它后面。

我最近想添加div id的链接，但是为了说明标题，我必须添加以下代码，其中link是父元素，然后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低于子元素。