汉堡菜单z-index问题：视频上方菜单链接无法点击（仅火狐移动端可用）

• 给视频背景元素添加CSS属性 pointer-events: none;，阻止视频捕获点击事件，让上方的菜单链接能正常接收点击。多数浏览器中视频元素默认会拦截上层元素的点击，火狐的处理逻辑不同所以不受影响。
• 确保菜单容器及链接元素设置了定位属性（position: relative/absolute/fixed），z-index仅对有定位的元素生效，单纯设置z-index而无定位不会改变层级优先级。
• 排查是否存在透明遮罩元素：用浏览器开发者工具选中菜单链接，检查是否有其他全屏元素（如隐藏的弹窗容器、背景层）覆盖在菜单上方，这类元素即使不可见也会拦截点击，需给其添加 pointer-events: none; 或调整z-index层级。
• 检查z-index的层级链：z-index的优先级是相对于父元素的，要确保菜单所在的父容器z-index值高于视频背景的父容器，而非仅给菜单本身设置高z-index。

内容的提问来源于stack exchange，提问作者Gui.llaume