1

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

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

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

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

但这并没有改变任何东西 - iframe 仍然出现在弹出框上。

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

4

1 回答 1

2

试试加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">

欲了解更多信息检查

通过 iframe 嵌入的 YouTube 视频忽略 z-index？

于 2013-07-18T03:36:37.690 回答