将 iframe 内容置于所有内容之上

【问题标题】：Position iframe content above all content将 iframe 内容置于所有内容之上
【发布时间】：2010-10-15 14:08:36
【问题描述】：

当用户单击页面标题上的链接时，我需要显示 iframe。如何确保 iframe 始终位于所有内容之上？在这种情况下，CSS z-index 不能有效地工作。

【问题讨论】：

【解决方案1】：

z-index 可能不起作用，因为您的iframe 是not a positioned box：

对于定位框，“z-index”属性指定：

框在当前堆叠上下文中的堆叠级别。

框是否建立本地堆叠上下文。

将其position 设置为static 以外的其他值。例如：

iframe#myiframe {
    z-index: 20;
    position: absolute;
}

【讨论】：

【解决方案2】：

z-index 仅适用于定位的内容。要么使用 position:absolute; 和 top/left/right 来定位元素，要么使用 position:relative; 将元素留在原处。

任何一个都应该在元素上启用 z-index。

【讨论】：