Html <；iframe>；视频嵌入重叠模式

在我的网站上有一个页面，我在其中嵌入了一个livestream，我遇到了一些livestream重叠内容的问题，这是不应该的。如果用户在该页面上尝试登录或注册，则嵌入式视频将位于打开的模式/对话框的顶部。模式是使用引导3创建的

看起来是这样的：

iframe嵌入如下所示：

iframe src="https://www-cdn.jtvnw.net/swflibs/TwitchPlayer.swf?channel=imaqtpie" frameborder="0"

---

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

您可能会看到CSS

z-index

属性。

您可以按照您想要的顺序手动设置它们，但是要注意boostrap类模式中的任何过度隐藏css

虽然我认为这只是视频需要一个较低的z指数，因为模态通常被赋予较高的值。 e、 g.

<iframe style='z-index:0' ...