Javascript 我的响应导航栏不工作,锚标签也不工作

Javascript 我的响应导航栏不工作,锚标签也不工作,javascript,html,css,responsive-design,Javascript,Html,Css,Responsive Design,在我添加图片和段落之前,导航栏在工作,登录也在mobileview上工作,但现在不工作了。它在桌面上工作。但是在添加图片和段落后,导航栏和登录锚标签不起作用。请帮助 我没有改变导航和锚标记的CSS代码 HTML 正文{ 字体系列:“Roboto”,无衬线; 背景色:#e3e1dc; } * { 保证金:0; 填充:0; 列表样式:无; 文字装饰:无; } 导航{ 背景颜色:橙色; 高度:80px; 宽度:1100px; } 导航ul{ 浮动:左; 左边距:10px; } 李国荣{ 显示:内联块

在我添加图片和段落之前,导航栏在工作,登录也在mobileview上工作,但现在不工作了。它在桌面上工作。但是在添加图片和段落后,导航栏和登录锚标签不起作用。请帮助 我没有改变导航和锚标记的CSS代码 HTML

正文{
字体系列:“Roboto”,无衬线;
背景色:#e3e1dc;
}
* {
保证金:0;
填充:0;
列表样式:无;
文字装饰:无;
}
导航{
背景颜色:橙色;
高度:80px;
宽度:1100px;
}
导航ul{
浮动:左;
左边距:10px;
}
李国荣{
显示:内联块;
线高:80px;
利润率:0.15px;
}
海军ulli a{
位置:相对位置;
颜色:白色;
字号:18px;
文本转换:大写;
填充:5px0;
}
海军李娜:以前{
位置:绝对位置;
内容:“;
左:0;
高度:3倍;
宽度:100%;
底部:0;
变换:scaleX(0);
变换原点:右;
背景色:白色;
过渡:变换0.4s线性;
}
导航ulli a:悬停:之前{
变换:scaleX(1);
变换原点:右;
}
标签#btn,
标签#取消{
颜色:白色;
字体大小:30px;
浮动:左;
线高:80px;
左边距:20px;
光标:指针;
显示:无;
}
#检查{
显示:无;
}
.gif{
宽度:1100px;
高度:300px;
}
李{
边框颜色:黑色;
}
p{
位置:绝对位置;
左:800px;
顶部:30px;
颜色:白色;
}
.png{
宽度:1200px;
高度:600px;
位置:绝对位置;
顶部:250px;
右图:-12.5%;
边界半径:30px;
溢出:隐藏;
}
.曲调{
位置:相对位置;
顶部:200px;
宽度:900px;
左:70像素;
边界半径:4px;
边框:5px纯灰;
边界顶部:无;
背景色:白色;
}
@媒体屏幕和屏幕(最大宽度:960像素){
保险商实验室{
位置:固定;
高度:100vh;
宽度:70%;
背景颜色:橙色;
文本对齐:左对齐;
顶部:80px;
左-100%;
过渡:全部为0.4s;
}
李{
位置:相对位置;
左:65px;
}
李国荣{
显示:块;
利润率:50px0;
线高:30px;
}
标签#btn{
显示:块;
}
海军ulli a{
字体大小:16px;
}
#检查:检查~ul{
左-5%;
}
.gif{
位置:相对位置;
宽度:138.5%;
高度:470px;
顶部:-130像素;
}
导航{
宽度:138.5%;
}
p{
左:80%;
顶部:30px;
颜色:白色;
边界半径:29px;
边框颜色:黑色;
}
.png{
宽度:400px;
高度:300px;
位置:绝对位置;
顶部:150px;
右图:-4.5%;
边界半径:30px;
溢出:隐藏;
}
.曲调{
宽度:300px;
左:30px;
顶部:-235px;
}
}

有机体育之家

大家好
我们非常高兴地宣布,我们将 很快发布我们的Skyblock服务器 服务器将具有许多功能:
=>老板打架
=>Pvp战斗
=>经济性
=>自定义skyblock
=>定制商店
=>自定义npc
=>事件
=>赠品
还有更多

谢谢,
业主雷扬,


问题在于您的图像位于导航栏上方。 发生这种情况是因为您的图像有一个“相对位置”,为其提供“优先级”。 解决这个问题的一种方法是向导航栏添加一个位置,并利用z-index属性赋予它更高的“优先级”。 我希望这能帮助您:

nav {
    position: relative;
    background-color: orange;
    height: 80px;
    width:1100px;

    z-index: 111
}

你能给我们看看你的JavaScript代码吗?但是我的代码是用-100编写的,我写的是nav{over.gif