html - Z-index 导致鼠标与视频的交互失败

Question

我正在研究我的作品集（http://lab.robinandersen.no/），我的问题是我似乎无法按视频播放（向下滚动到橙色方块）

我认为原因是因为我在前面使用了一个 div 来保持页脚和页眉浮动在这一切之上。有没有办法解决？

Answer 1

没有包装标签。

如果您将其更改为div id="wrapper"并为其添加样式，如下所示：

#wrapper {
    width: 100%;
}

然后像这样设置标题：

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

并#work在包装器内移动 div。它应该适合你。

Answer 2

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

解决方法可能是在视频中添加 z-index，例如

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