Youtube iframe位于Chrome中的固定位置元素之上

Question

在chrome youtube中,iframe浮动在我的固定位置标题之上.我已经尝试为两者设置z-indexes而它没有发生.

有人知道解决这个问题吗？

Answer 1

当您嵌入像这样的youtube iframe时:

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

默认的wmode会使视频覆盖其他所有内容,解决方案只是添加？wmode = opaque到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>