Html 为什么当导航栏不是'；你没来吗？

好的，我的手机导航栏有问题。它是隐藏的，仅当我按下该栏（切换）时才显示。问题是：当导航栏没有显示时，如果我按下屏幕上的按钮，它仍然会转到链接，即使我看不到li的链接

我想保持相同的导航栏，但我不想在它关闭时访问链接

如果可能，请告诉我如何解决它和我的导航栏的问题

这是我的代码：

.banner{
边际：0px；
位置：相对位置；
宽度：100%；
高度：100vh；
背景尺寸：封面；
背景图像：线性渐变（向左，rgba（0,0,0,0.9），rgba（0,0,0,0.6）），url（../img/pozabackground-home2.jpg）；
背景位置：中心；
盒子阴影：1px2px4px0px#00000075！重要；
背景附件：固定；
}
.导航{
背景色：透明；
宽度：100%；
位置：固定；
z指数：99；
边际：0px；
填充：0px；
}
.标志{
浮动：左；
填充：8px；
左边距：40px；
边缘顶部：8px；
}
.navbar品牌{
颜色：白色！重要；
}
.navbar品牌img{
宽度：自动；
高度：100px；
利润率：-32px0px-25px0px；
}
导航ul{
浮动：对；
列表样式类型：无；
垫面：5px；
右边距：20px；
}
李国荣{
浮动：左；
}
nav ul li：不是（第一个孩子）{
左边距：48像素；
}
李海军：最后一个孩子{
右边距：24px；
}
海军ulli a{
显示：内联块；
大纲：无；
颜色：#fff；
文本转换：大写；
文字装饰：无；
字体大小：13px；
字母间距：1.1px；
字号：600；
}
导航ulli a：悬停{
颜色：#fff；
文字装饰：下划线；
}
/*眼底JS*/
.眼底{
背景：#104f47！重要；
盒子阴影：1px2px4px0px#00000075！重要；
}
.fundal.nav btn{
背景色：#104f47；
边界半径：50%；
盒影：1px2px4px0px#00000075；
}
.基础资产净值btn i{
背景：#fff；
边界半径：2px；
}
#导航：选中+导航btn{
变换：旋转（45度）；
背景色：#104f47；
}
#导航：选中+导航btn i{
背景：#fff；
转换：转换0.2秒；
}
#导航：选中+。导航btn i:第n个子项（1）{
变换：translateY（6px）旋转（180度）；
}
#导航：选中+。导航btn i:第n个子项（2）{
不透明度：0；
}
#导航：选中+。导航btn i:第n个子项（3）{
变换：translateY（-6px）旋转（90度）；
}
#导航：选中~导航包装器{
z指数：9990；
不透明度：1；
}
#导航：选中~导航包装器ul li a{
不透明度：1；
变换：translateX（0）；
}
.隐藏{
显示：无；
}
/*媒体屏幕PTR TLF*/
@仅介质屏幕和（最大宽度：991px）{
.导航{
背景色：透明；
宽度：100%；
位置：绝对位置；
;
z指数：99；
边际：0px；
填充：0px；
}
.navbar品牌img{
高度：100px；
保证金：-20px 0px 0px 0px；
}
.导航包装器{
位置：固定；
排名：0；
左：0；
宽度：100%；
身高：100%；
z指数：-1；
背景：#fff；
不透明度：0；
过渡：所有0.2秒缓解；
}
.导航包装{
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
宽度：100%；
}
李国荣{
显示：块；
浮动：无；
宽度：100%；
文本对齐：右对齐；
填充顶部：10px；
边缘底部：10px；
}
.nav包装器ul li：第n个孩子（1）a{
过渡延迟：0.2s；
}
.nav-ul-li:第n个孩子（2）a{
过渡延迟：0.3s；
}
.nav-ul-li:第n个孩子（3）a{
过渡延迟：0.4s；
}
.nav-ul-li:第n个孩子（4）a{
过渡延迟：0.5s；
}
.nav包装器ul li：不是（：第一个孩子）{
左边距：0；
}
.nav.ul li a{
填充：10px 24px；
不透明度：0；
颜色：#000；
字体大小：14px；
字号：600；
字母间距：1.2px；
转换：translateX（-20px）；
过渡：所有0.2秒缓解；
}
.nav btn{
位置：固定；
右：30px；
顶部：28px；
显示：块；
宽度：48px；
高度：46px；
光标：指针；
z指数：9999；
边界半径：50%；
}
.nav btn i{
显示：块；
宽度：20px；
高度：2倍；
背景：#fff；
边界半径：2px；
左边距：14px；
}
.nav btn i:第n个孩子（1）{
边缘顶部：16px；
}
.nav btn i:第n个孩子（2）{
利润上限：4倍；
不透明度：1；
}
.nav btn i:第n个孩子（3）{
利润上限：4倍；
}
}
/*斯克里斯德拉班纳酒店*/
.头衔{
位置：绝对位置；
最高：47%；
左：35%；
文本对齐：左对齐；
转换：翻译（-50%，-50%）；
}
.标题h1{
颜色：#fff；
字体系列：poppins；
字体大小：50px；
颜色：#f5f6f8；
垫底：20px；
}
.按钮{
显示：内联块；
字体大小：12px；
文本转换：大写；
文本对齐：居中；
填充：13px 20px；
边界：无；
颜色：白色；
字体系列：蒙特塞拉特；
文字装饰：无；
过渡：0.6s缓解；
背景色：#104f47；
盒影：1px2px4px0px#00000075；
大纲：无；
}
.按钮：悬停{
背景色：#104f47；
颜色：白色；
}

方面的准确度

您正在使用

不透明度

。使用“不透明度”时，元素将不可见，但仍然存在。您必须将其显示设置为“无”。单击按钮时，必须将其显示设置为“阻止”

.nav包装器{
位置：固定；
排名：0；
左：0；
宽度：100%；
身高：100%；
z指数：-1；
背景：#fff；
显示：无；
过渡：所有0.2秒缓解；
}
#导航：选中~导航包装器{
z指数：9990；
显示：块
}