Youtube iframes坐在固定位置元素的顶部在Chrome

Question

在chrome youtube iframes浮动在我的固定位置头。我试过为两者设置z索引，但没有发生。

有谁知道解决这个问题的方法吗?

Answer 1

当你像这样嵌入youtube iframe时:

<iframe width="560" height="315" src="http://www.youtube.com/embed/FSHDDteCBXw" frameborder="0" allowfullscreen></iframe>

默认wmode将使视频覆盖其他所有内容，解决方案只是添加?wmode=opaque in到src="http://www.youtube.com/embed/FSHDDteCBXw"的末尾

:

<iframe width="560" height="315" src="http://www.youtube.com/embed/FSHDDteCBXw?wmode=opaque" frameborder="0" allowfullscreen></iframe>