汉堡菜单在视频上的z-index问题，但适用于Firefox(移动版本)

Question

在一个"简单"的网站上(HTML, CSS, JS)，在移动视图中，使用汉堡菜单，带有视频背景。

菜单链接出现，但如果它们位于背景视频上方，在大多数互联网浏览器上是不活动的。(但在firefox上运行良好)。

https://www.bilenekite.com/en/index.html

我尽我所能地在"z-index"、"important"、菜单、链接、视频背景上使用检查器，但始终没有找到让这些链接"可点击"的方法。当它们位于背景视频上方时。

谢谢你的帮助

Answer 1

将pointer-events: none;添加到视频的css中。这将防止视频成为点击目标。

video {
max-width: 100%;
min-height: 250px;
object-fit: cover;
margin: 0 0 10px 0;
padding: 0 0 0 0;
box-shadow: 0px 0px 10px #a9a9a9;
pointer-events: none; /* add here */
}