Question

我正在尝试使用iFrame显示整个页面，但是在5秒后，我想要一个LightBox弹出iFrame。我遇到的问题是iFrame位于LightBox弹出窗口的顶部，我不知道如何以相反的方式制作它。

我正在读，如果iFrame源有一个flash播放器，那可能是原因;但页面上没有任何Flash。我一直在修补东西超过一个小时，无法弄清楚我在做什么。

这是包含iFrame的页面： iFrame

这是没有iFrame的网页：No iFrame

我知道计时器和LightBox弹出窗口正在工作，他们只是躲在iFrame后面。关于什么是错的任何想法？

<body>
<script type="text/javascript">
$(document).ready(function() {
    var count = 5;
    var counter = setInterval(timer, 1000);

    function timer() {
        count = count - 1;
        if (count <= 0) {
            clearInterval(counter);
            $("#showFB").trigger('click');
            return;
        }
    }
});


</script>
<a id="showFB" href="img/globe.png" data-lightbox="image-1" title="" style="display:none">i</a>

<iframe title="ats" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:visible; z-index:999999;" src="http://www.automatedtrafficsuite.com/login"></iframe>

</body>

Answer 1

你有z-index问题

为灯箱的z-index提供更大的价值

在第8行的 lightbox.css

z-index: 999999;

在第20行的 lightbox.css

z-index: 1000000;

LightBox2隐藏在HTML iFrame背后

1 个答案: