CSS边栏重叠

Question

在页脚之后，网站侧栏重叠了，我想在页脚之前将其隐藏 以下是我所面临的侧边栏问题的CSS。让我知道您是否需要其他详细信息

除此之外

body {
overflow-x: hidden;
/* Prevent scroll on narrow devices */
}
.offcanvas-collapse {
 position: fixed;
 overflow-y: auto;
 visibility: visible;
 background-color: #7C00FF;
 transition-timing-function: ease-in-out;
 transition-duration: .3s;
 transition-property: width, visibility;
 width: 0;
 flex: 1;
 height: 100%;
  z-index: 99999;
  padding-top: 20px;
  }

我不想将其高度减小，我希望它在页脚后隐藏。我在页脚中使用了z-index，但是页脚之后它没有停止重叠。

由于我是CSS设计的新手，请帮助解决此问题

看到下面添加的图像，我是否需要编辑Java脚本，否则它仅在网站位于aspx时才可与CSS一起使用

它在移动设备中的行为相同，但我认为如果解决了桌面问题，它将解决此问题