将 iframe 定位在 Image/IS 加载图像的上方，现在 iFrame 在图像下方

【问题标题】：Position iframe Overtop of Images/JS Loaded Images, Now iFrame is Under the Image将 iframe 定位在 Image/IS 加载图像的上方，现在 iFrame 在图像下方
【发布时间】：2013-04-09 15:09:34
【问题描述】：

遇到问题，在我的网站上，我使用隐藏在 DIV 中的方式调用 iframe，但是当 iframe 显示时，网站的图像会覆盖 iframe。

我需要一种方法能够将 iframe 定位到页面顶部/当前阻止部分 iframe 的图像的顶部。

你可以在这个域上看到我的编码：www.SEO.mobi

要查看 iframe，您需要在键盘上输入：

↑↑↓↓←→←→BA↵

【问题讨论】：

标签： javascript jquery iframe positioning

【解决方案1】：

幻灯片中的每张图片都有一个 z-index 集。

<image style="z-index:6"/>

<image style="z-index:5"/>

<image style="z-index:4"/>

<image style="z-index:3"/>

<image style="z-index:2"/>

<image style="z-index:1"/>

您的弹出 div 包含 z-index:2，因此 z-index 大于 2 的图像将位于 iframe 上方。

<div id="popupContact">...</div>

#popupContact{
    z-index:2;
}

一种快速解决方法是为弹出式 div 提供比其他元素更高的 z-index。

【讨论】：

louisbros 你摇滚！！！我错过了那个区域的那个 zindex，因为我试图使用另一个 zindex，但是却导致了其他问题，啊，你再次摇滚，非常感谢！！！