Javascript 为什么我的导航在身体后面打开

Topnav是导航栏。我还包括了网站的其他部分，比如我的公文包中的about部分，因此它显示的代码比所需的更多

当我点击汉堡图标按钮时，我正试图弹出菜单。目前正在发生的是主页、关于和联系按钮隐藏，汉堡图标取代了它，但当我单击汉堡图标时，菜单不会弹出

函数myFunction（）{
var x=document.getElementById（“homee”）；
如果（x.className==“topnav”）{
x、 类名+=“响应”；
}否则{
x、 className=“topnav”；
}
}

部分{
宽度：100%；
高度：90vh；
背景图像：url（白色.jpeg）；
背景重复：无重复；
背景尺寸：封面；
位置：相对位置；
}
托普纳夫先生{
背景色：白色；
溢出：隐藏；
}
.topnav a{
浮动：左；
颜色：黑色；
文本对齐：居中；
字体系列：tahoma；
文本转换：大写；
填充：14px 16px；
文字装饰：无；
字号：17px；
浮球：对
}
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
.右上导航{
浮动：左；
}
/*响应的*/
.topnav a{
显示：无；
}
.topnav a.icon{
浮动：对；
显示：块；
}
.topnav{
位置：相对位置；
}
.topnav.a.图标{
位置：绝对位置；
右：0；
排名：0；
}
.topnav.a{
浮动：无；
显示：块；
文本对齐：左对齐；
}
/*响应的*/
莱林先生{
边界：0px；
背景色：透明；
}
.textcon p:n个孩子（1）{
字体系列：Calibri；
线高：1px；
字体大小：粗体；
颜色：黑色；
字体大小：120%；
利润率最高：-30%；
左边缘：23%；
}
.textcon p:n个孩子（2）{
字体系列：Calibri；
填充：0px；
字体大小：粗体；
字母间距：1px；
颜色：黑色；
字体大小：300%；
线高：1米；
利润率最高：1%；
利润底部：1%；
左边缘：23%；
}
.textcon p:n个孩子（3）{
字体系列：无衬线；
颜色：黑色；
字体大小：120%；
保证金：0；
宽度：80%；
文本对齐：左对齐；
线高：100%；
左边缘：23%；
}
.textcon p{
线高：2%；
左边缘：13%；
利润底部：0%；
}
.textcon{
位置：绝对位置；
左：17%；
最高：42%；
转换：翻译（-13%，-42%）；
宽度：80%；
身高：1%；
}
.textcon按钮{
宽度：50%；
高度：8vh；
边界半径：10px；
字体系列：无衬线；
字体大小：粗体；
字体大小：14px；
利润率最高：2%；
左缘：30%；
利润底部：3%；
填充底部：0；
}
唐瑟夫先生{
背景色：#0b0b0b；
颜色：白色；
边界：无；
}

你好,

我是Ananya Makwana

我是威斯康星大学麦迪逊大学计算机专业的大四学生，我从5月21开始积极寻找全职软件开发职位。
下载简历
关于我

你好，我叫阿纳亚。我是一个对软件开发非常感兴趣的人。我修了很多课程，因为我总是渴望学到更多。我喜欢解决问题，我也是一个非常有创造力的人，喜欢
在我的空闲时间设计

尝试为导航提供z索引值

---

z-index将把导航放在内容主体的前面。

尝试为导航指定一个z-index值

---

z-index会将您的导航置于内容主体的前面。

为什么您的主要内容有

位置：相对

为什么不使用

z-index

？为什么你的主要内容有

位置：相对为什么不使用z-index

？