2013-03-13 51 views
0

我有一个嵌入的YouTube视频,但具有固定位置的菜单不在其上滚动;相反,视频在滚动时叠加在菜单上。IFrame Wmode中断固定菜单

下面的代码片段显示了我目前试过的东西。

<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 

这些变化都没有奏效。请让我知道你是否找到了解决办法。

回答

0

改变你的链接到这个

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

这是你所需要的。

Working example

编辑: 从删除position: relative为它工作。

+0

无论出于何种原因,这适用于Chrome和IE,但不适用于Firefox。 – 2013-03-13 23:44:15

+0

我在firefox 19中做了这个,它工作正常。 http://jsfiddle.net/buhvf/30/如果你仍然需要帮助,请告诉我 – 2013-03-18 22:43:03