视频和菜单Div的Z索引问题

解决“视频和菜单Div的Z索引问题”可以使用CSS和JavaScript来实现。以下是一种解决方法的代码示例：

HTML代码：

<div id="menu" class="menu">菜单内容</div>
<div id="video" class="video">视频内容</div>

CSS代码：

.menu {
  position: fixed;
  z-index: 1;
}

.video {
  position: relative;
  z-index: 0;
}

JavaScript代码：

const menuDiv = document.getElementById('menu');
const videoDiv = document.getElementById('video');

menuDiv.addEventListener('mouseover', function() {
  videoDiv.style.zIndex = -1;
});

menuDiv.addEventListener('mouseout', function() {
  videoDiv.style.zIndex = 0;
});

在上述代码中，我们首先为菜单和视频Div分别设置了不同的z-index值。菜单Div的z-index值为1，视频Div的z-index值为0。

然后，使用JavaScript监听菜单Div的mouseover和mouseout事件。当鼠标悬停在菜单Div上时，我们将视频Div的z-index值设置为-1，使其在菜单Div下方。当鼠标移出菜单Div时，将视频Div的z-index值恢复为0，使其回到菜单Div上方。

这样，无论鼠标悬停在菜单Div上还是移出菜单Div，都可以实现视频Div在菜单Div下方或上方的效果。