Question

我的网站中嵌入了一个YouTube视频（在iframe中），我还有一个由jquery触发的菜单，可以弹出页面。这在Chrome中运行良好，但在FireFox中，iframe显示在菜单顶部。

我尝试将iframes z-index设置为小于弹出框，例如：

iframe {
position: absolute;
z-index: 10;
}

#popup {
position: absolute;
z-index: 99;
}

但是没有改变任何东西 - iframe仍会出现在弹出框中。

有人知道处理这个问题的方法吗？

Answer 1

尝试添加wmode，它似乎有两个参数。

&wmode=Opaque
&wmode=transparent

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/lzQgAR_J1PI?wmode=transparent" frameborder="0" wmode="Opaque">

了解更多信息检查

YouTube Video Embedded via iframe Ignoring z-index?

FireFox中的iframe不尊重z-index

1 个答案: