所以我知道有很多关于与 z-index 相关的位置固定/相对/绝对位置的问题,但我仍然无法使用这些来解决我的问题。
基本上我有一个固定的标题。它工作得很好,向下滚动页面时一切都在它后面。
我最近想添加指向 div id 的链接,但为了说明标题,我必须添加以下代码,其中 link 是父元素,然后 linkTo 是具有我们实际链接到的 ID 的东西的类。此功能完全有效,提供正确的偏移量,以便标题位于我们想要的 div 之上。
.link {position: relative;}
.linkTo {position: absolute; top: -80px;}
问题在于,由于某种原因,现在我的 div 位于页面上所有内容的后面。我仍然可以看到它,但文字和图像在前面。
我尝试将 z-index 添加到我的标题中(例如 9999),但它不起作用。我不明白为什么添加相对位置会打乱事物的显示顺序。
我想提供一个例子,但我的代码相当大。如果这还不够,我可以稍后尝试制作一个 jfiddle。