javascript - 将 iframe 定位在 Images/JS 加载的图像之上，现在 iFrame 在图像之下

Question

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

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

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

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

↑↑↓↓←→←→BA↵</p>

Answer 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;
}

一个快速的解决方法是让弹出的 divz-index比其他元素更高。