3

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

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

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

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

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

我尝试将 z-index 添加到我的标题中(例如 9999),但它不起作用。我不明白为什么添加相对位置会打乱事物的显示顺序。

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

4

3 回答 3

7

添加position: relative; z-index:9999到父元素,它将使该元素保持在菜单内。

于 2013-04-30T06:49:39.120 回答
0

正如 Ganesh 所说,添加 position: relative 到标题的父元素是开始的步骤。之后将 z-index 添加到同一个父元素完全解决了这个问题。

于 2013-04-30T08:18:36.677 回答
-1

检查z-index父元素的较低值,它似乎覆盖了子元素的 z-index。

我过去曾遇到z-index过下拉菜单和 jquery UI 选项卡的问题。我认为这与创建我们规则的堆叠效果有关opacityortransition,但对我来说,问题是父元素低于z-index子元素。

于 2013-11-25T22:21:39.713 回答