Html Z索引导致鼠标与视频的交互失败

我正在制作我的公文包（），我的问题是我似乎无法按视频播放（向下滚动到橙色方块）

---

我想原因是因为我在前面使用了一个div来保持页脚和页眉在上面浮动。有什么办法吗？

我可以很好地按播放按钮，你用的是什么浏览器

修复方法可以是在视频中添加z索引，例如

#work video {
height: auto;
width: 100%;
margin: -3;
z-index: 99;
}

---

没有包装标签

如果将其更改为

div id=“wrapper”

，并添加类似的样式：

#wrapper {
    width: 100%;
}

然后按如下方式设置标题样式：

width: 400px;
text-align: center;
position: fixed;
margin: 0 auto;

---

并在包装器中移动

#work

div。它应该适合您。

谢谢，我通过删除顶部div:）并添加position:，将其改为header和fotter！不知道我为什么用那个div！无论如何，谢谢你：）