Javascript Z指数与位置粘性佯谬

我知道z-index在不同的位置上有问题，在这段代码中，我需要它们一起工作，以便我可以复制这个网站上的导航 问题是，当覆盖层被激活时，按钮需要z索引，这是位置粘性不喜欢的，并且不允许它导致覆盖层不可关闭。该位置位于导航栏上。有解决办法吗

var bar=document.querySelector（“.bar”）
var overlay=document.querySelector（“.overlay”）
var=false；
bars.addEventListener（'click'，函数（）{
如果（IsMenuOpen==false）{
bars.classList.remove（'fa-bars'）；
bar.classList.add（'fa-times'）；
overlay.style.display='block'
Ismenu=true；
bar.style.position='固定'
bar.style.top='40px'；
bar.style.right='60px'；
}否则{
bar.classList.remove（'fa-times'）；
bars.classList.add（'fa-bars'）；
overlay.style.display='none'
bar.style.position='static'
Ismenu=假；
}
})

正文{
高度：3000px；
}
.视频{
宽度：100%；
高度：700px；
背景：红色；
}
导航{
显示器：flex；
/*位置：粘性*/
顶部：0px；
证明内容：之间的空间；
填充：50px；
背景：绿色；
高度：10px；
}
我{
字体大小：30px；
z指数：10；
}
.覆盖{
位置：固定；
排名：0；
宽度：100vw；
高度：100vh；
背景：rgba（0,0,0,0.5）；
显示：无；
}

koreys遗址

不确定你在问什么。我可以在你的对话框中打开和关闭覆盖，没有问题。不知道你在问什么。我可以在你的对话框中打开和关闭覆盖，没有问题。