Javascript 菜单已冻结,无法单击
所以,我正在建立一个网站,并使用多个div对所有内容进行分组。但是我在页面上添加了一个div,我的菜单被冻结了,你不能再点击它了。此外,菜单上的覆盖层不再工作。 下面是我的html代码:Javascript 菜单已冻结,无法单击,javascript,html,css,Javascript,Html,Css,所以,我正在建立一个网站,并使用多个div对所有内容进行分组。但是我在页面上添加了一个div,我的菜单被冻结了,你不能再点击它了。此外,菜单上的覆盖层不再工作。 下面是我的html代码: <html> <head> <title>TestManager - Dashboard</title> <link rel="stylesheet" type="text/css" href="style/createcase.
<html>
<head>
<title>TestManager - Dashboard</title>
<link rel="stylesheet" type="text/css" href="style/createcase.css">
</head>
<body>
<div class="menu">
<ul class="menu">
<li><a href="dashboard.html">Home</a></li>
<li><a class="active" href="projects.html">Projects</a></li>
<li><a href="createcase.html">Create Testcase</a></li>
<li style="float:right"><a class="logoff" href="logout.html">Logout</a></li>
</ul>
</div>
<div class="create">
<div class="creatcase">
<h3>Project Overview</h3>
</div>
</div>
</body>
</html>
<script>
var userid = sessionStorage.getItem('userid');
if (userid == null) {
window.location.href = 'index.html';
}
console.log(sessionStorage.getItem('test'));
</script>
我在这里遗漏了什么,因为我被困在这个问题上,找不到解决方案您的create div覆盖了整个屏幕,防止鼠标事件进入菜单
.create{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
将此div定位在菜单下方,如下所示:
身体{
保证金:0;
填充:0;
身高:100%;
字体系列:monospace;
}
菜单{
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
背景色:333;
宽度:100%;
}
菜单李{
浮动:左;
}
菜单李a{
显示:块;
颜色:白色;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
}
菜单a:悬停{
背景色:00cc33;
}
激活菜单{
背景色:00cc33;
}
.创造{
显示器:flex;
对齐项目:居中;
弯曲方向:立柱;
证明内容:中心;
宽度:100%;
最小高度:80%;
位置:绝对位置;
顶部:43px;
底部:0;
左:0;
右:0;
保证金:自动;
}
.创造者案例{
宽度:292px;
填充:20px;
背景:白烟;
边界半径:5px;
边框顶部:5px;
保证金:0自动;
}
.个案h3{
文本对齐:居中;
颜色:黑色;
字体大小:30px;
文本转换:大写;
边际上限:0;
边缘底部:20px;
}
.案例输入{
宽度:100%;
高度:42px;
框大小:边框框;
边界半径:5px;
边框:1px实心ccc;
边缘底部:10px;
字体大小:14px;
字体系列:monospace;
填充:0 20px 0 50px;
大纲:无;
}
.创建案例选择{
宽度:100%;
高度:42px;
框大小:边框框;
边界半径:5px;
边框:1px实心ccc;
边缘底部:10px;
字体大小:14px;
字体系列:monospace;
填充:0 20px 0 50px;
大纲:无;
}
.creatcase按钮{
宽度:100%;
高度:40px;
背景:00cc33;
框大小:边框框;
边界半径:5px;
边框:1px实心00e639;
颜色:fff;
字体大小:粗体;
文本转换:大写;
字体大小:15px;
字体系列:monospace;
大纲:无;
光标:指针;
边缘底部:10px;
}
.creatcase按钮:悬停{
背景:33ff66;
}
项目概述
create div覆盖整个屏幕,防止鼠标事件进入菜单
.create{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
将此div定位在菜单下方,如下所示:
身体{
保证金:0;
填充:0;
身高:100%;
字体系列:monospace;
}
菜单{
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
背景色:333;
宽度:100%;
}
菜单李{
浮动:左;
}
菜单李a{
显示:块;
颜色:白色;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
}
菜单a:悬停{
背景色:00cc33;
}
激活菜单{
背景色:00cc33;
}
.创造{
显示器:flex;
对齐项目:居中;
弯曲方向:立柱;
证明内容:中心;
宽度:100%;
最小高度:80%;
位置:绝对位置;
顶部:43px;
底部:0;
左:0;
右:0;
保证金:自动;
}
.创造者案例{
宽度:292px;
填充:20px;
背景:白烟;
边界半径:5px;
边框顶部:5px;
保证金:0自动;
}
.个案h3{
文本对齐:居中;
颜色:黑色;
字体大小:30px;
文本转换:大写;
边际上限:0;
边缘底部:20px;
}
.案例输入{
宽度:100%;
高度:42px;
框大小:边框框;
边界半径:5px;
边框:1px实心ccc;
边缘底部:10px;
字体大小:14px;
字体系列:monospace;
填充:0 20px 0 50px;
大纲:无;
}
.创建案例选择{
宽度:100%;
高度:42px;
框大小:边框框;
边界半径:5px;
边框:1px实心ccc;
边缘底部:10px;
字体大小:14px;
字体系列:monospace;
填充:0 20px 0 50px;
大纲:无;
}
.creatcase按钮{
宽度:100%;
高度:40px;
背景:00cc33;
框大小:边框框;
边界半径:5px;
边框:1px实心00e639;
颜色:fff;
字体大小:粗体;
文本转换:大写;
字体大小:15px;
字体系列:monospace;
大纲:无;
光标:指针;
边缘底部:10px;
}
.creatcase按钮:悬停{
背景:33ff66;
}
项目概述