位置iframe Overtop的图像/ IS加载图像,现在iFrame在图像下

时间:2013-04-09 06:56:26

标签: javascript jquery iframe positioning

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

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

您可以在此域中查看我的编码:www.SEO.mobi

要获得访问权限以查看键盘上需要的iframe,请输入:

↑↑↓↓←→←→BA↵

1 个答案:

答案 0 :(得分: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