如何制作始终可见的 iframe答案

【问题标题】：how to make an iframe that is always visible如何制作始终可见的 iframe
【发布时间】：2013-11-24 06:12:52
【问题描述】：

是否可以有一个始终在 html 页面上可见的 iframe？始终可见是指始终在顶部，没有其他元素可以超过它，这需要从 iframe 内部完成。

我的第一次尝试是将 iframe 的 z-index 设置为尽可能高的值（它还需要一个相对位置才能工作），但是由于相同的来源政策，这不能从 iframe 内部完成。

这可能吗？

编辑：

如果不是，是否可以检测是否有某些内容与部分内容重叠？

【问题讨论】：

如果无法访问包含 iframe 的文档，不，您将无法判断元素是否已分层在 iframe 之上，甚至（我相信）iframe 是否是偶数可见的。我能想到你真正知道的唯一与定位相关的是 iframe 显示的高度和宽度。

【解决方案1】：

不，您尝试做的事情是不可能的。

包含 iframe 的文档控制其在页面上的布局和位置，包括它的 z-index、大小、显示、位置等。所有 iframe 的内容都被视为包含文档中的一层，因此定位在iframe 不会影响其元素与外部文档的交互方式。

要通过 iframe 中的代码使 iframe 显示在所有其他元素的前面，您必须能够操作包含文档，正如您所说，由于同源策略，您无法操作.

【讨论】：