如何阻止透明 iframe 覆盖在视频上答案

【问题标题】：How to stop transparent iframe overlay going over video如何阻止透明 iframe 覆盖在视频上
【发布时间】：2011-11-30 23:40:33
【问题描述】：

我在一个页面上放置了一个透明 iframe（主机页面不是我的，所以我无法更改这些页面的代码）——有些页面包含视频。

我仍然希望视频可见且可观看。

目前我的透明 iframe 层会“屏蔽视频”，因此您无法在 Chrome 中观看它。视频确实在 Firefox 中位于顶部。

即使在 Firefox 中，有些视频位于下层，有些位于层上。有谁知道我怎样才能使它保持一致。

有没有办法强制 iframe 在视频下方，但在 Chrome 中的其余内容上也有？

谢谢！

【问题讨论】：

你在问你不应该放弃的问题。人们在为你工作，所以至少要回应他们的努力。

标签： javascript css video iframe embedded-resource

【解决方案1】：

我想您的视频是 Flash 格式的？如果是这样，很大程度上取决于 Flash 影片的 object/embed 标签的参数。如果给定 wmode 参数并将其设置为“不透明”或“透明”，则 Flash 影片以标准 z-index 顺序呈现到 HTML 内容中。在这种情况下，您可以将 IFrame 放在它上面。如果没有 wmode，Flash 影片会在其自己的（不可见）窗口中呈现在所有 HTML 内容之上，并且您将永远无法在其上呈现 IFrame。

【讨论】：

此外，如果视频是 HTML5 格式，请尝试在 CSS 中为嵌入代码提供高 z-index 值。只需将 z-index: 1000; 之类的内容添加到 embed 元素，看看是否可以解决问题。