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

Tom*_*ats 3 html css position z-index

所以我知道关于与z-index相关的位置固定/相对/绝对有很多问题,但我仍然无法用这些来弄清楚我的问题.

基本上我有一个固定的标题.它工作得很好,滚动页面时一切都在它后面.

我最近想添加div id的链接,但是为了说明标题,我必须添加以下代码,其中link是父元素,然后linkTo是具有我们实际链接到的ID的东西的类.此功能完全有效,提供正确的偏移量,使标题高于我们想要的div.

.link {position: relative;}
.linkTo {position: absolute; top: -80px;}
Run Code Online (Sandbox Code Playgroud)

这个问题是,由于某种原因,现在我的div落后于页面上的所有内容.我仍然可以看到它,但文字和图像都在前面.

我已经尝试将z-index添加到我的标题(类似9999),但它无法正常工作.我不明白为什么添加位置相对会弄乱事物的显示顺序.

我想提供一个例子,但我的代码相当大.如果这还不够,我可以尝试稍后制作一个jfiddle.

Gan*_*ora 7

添加position: relative; z-index:9999到父元素,它将保持此元素在菜单中.