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

Question

我正在研究我的投资组合（http://lab.robinandersen.no/），我的问题是我似乎无法按下视频（向下滚动到橙色方块）

我认为原因是因为我在前面使用div来保持页脚和标题浮动在它上面。有没有办法解决这个问题？

Answer 1

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

修复可能是将z-index添加到视频中，例如

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

Answer 2

没有包装标签。

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

#wrapper {
    width: 100%;
}

然后像这样设置标题样式：

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

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