facebook - Facebook 上 iframe 中的 Youtube - Z-index 问题

我在我的 facebook 应用程序中嵌入了一个 Youtube 视频，但是当我向下滚动时，youtube 视频漂浮在 facebook 菜单栏上方。这看起来有点糟糕，请看截图。

乍一看，问题只出现在 Chrome 和 Internet Explorer 中，而不会出现在 Firefox 中。这似乎是一个 Z-index 问题。我试过将 &wmode=Opaque 添加到我的 youtube-url，但没有成功。

其他人有这个问题吗？如果是这样，您是如何解决的？

enter image description here

最佳答案

问题出在嵌入的 youtube 框架上。您需要将其添加到 url 的查询字符串中才能正常工作:

wmode=透明

你得到这样的东西:

www.youtube.com/embed/xxxxxxxxx?wmode=transparent&rel=0

这将解决位于所有其他窗口和模式之上的嵌入式 YouTube 视频的 z 索引问题。

关于facebook - Facebook 上 iframe 中的 Youtube - Z-index 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9162379/