Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 菜单已冻结,无法单击_Javascript_Html_Css - Fatal编程技术网

Javascript 菜单已冻结,无法单击

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.

所以,我正在建立一个网站,并使用多个div对所有内容进行分组。但是我在页面上添加了一个div,我的菜单被冻结了,你不能再点击它了。此外,菜单上的覆盖层不再工作。 下面是我的html代码:

    <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; } 项目概述