html - IFrame Wmode 中断固定菜单

Question

我有一个嵌入的 youtube 视频，但是具有固定位置的菜单没有在它上面滚动；相反，视频在滚动时覆盖菜单。

下面的代码片段展示了我目前的尝试。

<iframe id="lesson_demo" style="position: relative; top: 115px; left:430px; " width="450" height="280" src="http://www.youtube.com/embed/ae_DKNwK_ms&amp;wmode=transparent" frameborder="0" allowfullscreen></iframe></p>

&wmode=transparent
?wmode=transparent
&wmode=opaque
?wmode=opaque

这些变体均无效。如果您找到了解决此问题的方法，请告诉我。

Answer 1

更改您的链接

http://www.youtube.com/embed/ae_DKNwK_ms?wmode=transparent

这就是你所需要的。

Working example

编辑: 删除 position: relative来自 <iframe>让它工作。