0

您好,我在网站内嵌入了一个 youtube 视频,但是当我单击按钮以获取叠加层时,叠加层位于 youtube 视频的后面。这只发生在 Firefox 14 中,它在其他任何地方都可以正常工作......我试图把 wmode="transparent/opaque" 但它不适用于其中一个或另一个......

覆盖框代码:

.box_4, .box_5, .box_6 {
  position: fixed;
  top: -1900px;
  left: 50%;
  z-index: 101;
  width: 883px;
  margin-left: -400px;
  }
4

3 回答 3

2

问题是当您嵌入 youtube 链接时:

https://www.youtube.com/embed/kRvL6K8SEgY 在 iF​​rame 中,默认的 wmode 是窗口化的,本质上它的 z-index 大于其他所有内容,它将覆盖任何内容。

尝试将此 GET 参数附加到您的 URL:

wmode=不透明

像这样:

https://www.youtube.com/embed/kRvL6K8SEgY?wmode=opaque

确保它是 URL 中的第一个参数。其他参数必须在后面

在 iframe 标记中:

例子:

<iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque" frameborder="0"></iframe>

请参阅:在 youtube iframe 上覆盖不透明 div

于 2012-10-09T14:15:13.323 回答
1

尝试position: absolute-

.box_4, .box_5, .box_6 {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9999;
  width: 883px;
  margin-left: 0px;
  }
于 2012-10-09T14:14:42.447 回答
0

<param name="wmode" value="transparent" />

试试这个参数,它应该修复它。

问候和好运……</p>

于 2012-10-09T14:13:48.240 回答