在网页设计中，视频遮住顶层DIV的问题是一个常见的挑战，尤其是在使用旧版IE浏览器时，以下是针对这一问题的解决办法：
1、设置wmode属性：
在嵌入视频的<embed>或<object>标签中添加wmode="opaque"属性，这将使Flash影片不透明地显示，允许其他HTML元素覆盖它。
如果使用的是WordPress，可以通过在主题的functions.php文件中添加一个过滤器函数来自动替换所有<embed>标签为包含wmode="opaque"的版本。
2、调整CSS样式：
确保顶层DIV的z-index值足够高，以便它能够显示在其他元素之上。
在某些情况下，可能需要为顶层DIV设置position: fixed;以确保其在滚动时保持位置不变。
3、使用JavaScript控制层级：
通过JavaScript动态设置顶层DIV的z-index值，确保它在页面加载和视频播放时始终保持最高层级。
4、考虑浏览器兼容性：
由于不同浏览器对Flash和视频的处理方式不同，可能需要针对特定浏览器编写额外的样式或脚本来解决问题。
对于不支持wmode属性的浏览器，可以尝试使用其他方法，如将视频放在透明的<iframe>中，并设置iframe的z-index。
5、测试和验证：
在多种浏览器和设备上测试网页，确保问题得到解决，并且顶层DIV在所有情况下都能正确显示。
6、使用现代技术：
如果可能，考虑使用HTML5的<video>标签代替Flash视频，因为HTML5视频更容易与CSS和JavaScript集成，且不受Flash相关问题的影响。
7、咨询官方文档和社区：
如果问题依然存在，查阅相关浏览器的开发者文档或在线社区，看看是否有其他人遇到过类似问题并分享了解决方案。
通过上述方法可以有效地解决网页视频遮住顶层DIV的问题，如果这些方法都不能解决问题，建议检查HTML结构和CSS样式，确保没有其他因素导致问题。