Css z指数为';我的下拉菜单不工作

Css z指数为';我的下拉菜单不工作,css,z-index,Css,Z Index,我有一个导航栏,下拉列表是绝对定位的,但出于某种原因,它们仍然显示在所有其他定位项目的后面,无论z索引是什么。这使得菜单既难看又难以在带有定位项的页面上使用。这显示了我的导航栏及其存在的问题。有人知道怎么了吗 这是我的css的一小部分,因为我认为在我的问题中你不需要完整的150行代码: 收割台导航ul{ 背景色:#00242b; 过渡:不透明度400ms缓进; 不透明度:0; 位置:绝对位置; 高度:0px; z-index:100000000;/*为什么这不起作用*/ 溢出:自动; 转换:转换

我有一个导航栏,下拉列表是绝对定位的,但出于某种原因,它们仍然显示在所有其他定位项目的后面,无论z索引是什么。这使得菜单既难看又难以在带有定位项的页面上使用。这显示了我的导航栏及其存在的问题。有人知道怎么了吗

这是我的css的一小部分,因为我认为在我的问题中你不需要完整的150行代码:

收割台导航ul{
背景色:#00242b;
过渡:不透明度400ms缓进;
不透明度:0;
位置:绝对位置;
高度:0px;
z-index:100000000;/*为什么这不起作用*/
溢出:自动;
转换:转换(0px,0px);
溢出:自动;
}
#绝对{/*尽管z指数较低,但仍在顶部*/
位置:绝对位置;
宽度:80px;
高度:40px;
背景色:红色;
z指数:0;
左:20px;
顶部:80px;
}

首先,尽量不要使用如此高的z指数。从1、10、50、100左右开始。这样,当您有一个非常高的元素时,您希望覆盖所有获得最高数量的元素

要解决这个问题:从其他任何地方删除z索引,并首先从想要高的元素开始

在这种情况下

header nav {
   z-index: 1;
}

默认值为
z-index:auto

首先,请尽量不要使用如此高的z-index。从1、10、50、100左右开始。这样,当您有一个非常高的元素时,您希望覆盖所有获得最高数量的元素

要解决这个问题:从其他任何地方删除z索引,并首先从想要高的元素开始

在这种情况下

header nav {
   z-index: 1;
}

默认值为
z-index:auto
您的
nav
元素具有
位置:粘性但没有任何
z索引
。这意味着,任何定位在它内部的东西都将根据
nav
父项来定位自己。如果您向该
nav
元素添加一个比页面上任何其他元素都高的
z-index
编号,则您的nav将按照您的预期运行

以您的示例为例,红色框具有
z-index:1。如果添加
z-index:2
nav
元素,然后整个导航将位于其上方


一旦此修复到位,就不需要对
nav
z的任何子元素进行索引,因为父元素将位于页面上的所有元素之上。

您的
nav
元素具有
位置:粘性但没有任何
z索引
。这意味着,任何定位在它内部的东西都将根据
nav
父项来定位自己。如果您向该
nav
元素添加一个比页面上任何其他元素都高的
z-index
编号,则您的nav将按照您的预期运行

以您的示例为例,红色框具有
z-index:1。如果添加
z-index:2
nav
元素,然后整个导航将位于其上方


一旦此修复到位,就不需要对
nav
z的任何子元素进行索引,因为父元素将位于页面上的所有元素之上。

非常感谢!!!我已经有这个问题很久了,我真希望我能请soonerHappy帮忙!!非常感谢你!!!我已经有这个问题很久了,我真希望我能请soonerHappy帮忙!!默认值不是
0
,而是
auto
,两者都不是samenot语义。阅读你提供的链接中的一句话,如果你的元素没有创建自己的堆叠上下文,那么这两个元素就不一样了。。同时检查重复链接以查看差异。。。如果仍然不相信,这里有一个例子:(由于auto和0之间的差异,子元素的行为不同)所有这些都不是必需的-->您正在社区网站中添加答案,许多用户都可以看到答案,我注意到错误信息,所以我发表了评论以避免任何混淆(你做了贡献,我也在做)。你没有义务回复我的评论,你可以忽略它们。就像你可以自由回答一样,我可以自由评论任何答案。这就是网站的工作方式。抱歉,如果我觉得需要评论以澄清事情或要求澄清,我不会移动任何评论。默认设置不是
0
,而是
auto
,两者都是这不是samenot语义。请阅读您提供的链接中的句子,说明如果您的元素没有创建自己的堆叠上下文,这会使它们两个都不同。请检查重复链接以查看差异…如果仍然不确定,请在此举一个示例:(由于“自动”和“0”之间的差异,子元素的行为有所不同)所有这些都不是必需的-->您正在社区网站中添加答案,许多用户都可以看到答案,我注意到错误信息,因此我发表了评论以避免任何混淆(您做了贡献,我也在做同样的事情)。你没有义务回复我的评论,你可以忽略它们。就像你可以自由回答一样,我可以自由评论任何答案。这就是网站的工作方式。很抱歉,如果我觉得需要评论以澄清事情或要求澄清,我将不移动任何评论。