Html 带有div不透明度的菜单消失在bbci iframe视频后面

我已经设置了一个演示： 来说明这个问题。 请将鼠标悬停在菜单右上角的“about”上-这将激活iframe视频上方的下拉菜单（菜单正下方为黑色不透明度）

---

在IE9-11、CHROME和OPERA上都可以正常工作，但在Safari中，不透明度和菜单都位于iframe视频后面，而在FF中，不透明度div消失在iframe视频后面。我想修复这个错误，使菜单和不透明始终出现在视频前面。我搜索过论坛，但主要是you tube视频，建议您将：wmode=透明或不透明放在视频字符串的末尾，但不幸的是，这对BBCI IFRAME视频没有影响。具有讽刺意味的是，我设置了一把小提琴来演示这个问题，因为菜单/视频/不透明度都包含在一个框架集中，所以它在所有浏览器中都能工作！所以我想也许一个聪明的iframe或精细的frame套装/面具会有所帮助，但你是专家，有人知道吗

尝试使用z-index:999；它可能会解决这个问题

我已经尝试过z-索引原则…应该在我的原始帖子中补充一点-不能解决。。。