0

我正在尝试使用 iFrame 显示整个页面，但 5 秒后，我希望在 iFrame 上弹出一个 LightBox。我遇到的问题是 iFrame 位于 LightBox 弹出窗口的顶部，我不知道如何让它反过来。

我在读到，如果 iFrame 源有 Flash 播放器，那可能就是原因；但是页面上的任何地方都没有 Flash。我已经修补了一个多小时，无法弄清楚我没有在做什么。

这是带有 iFrame 的页面： iFrame

这是没有 iFrame 的页面：没有 iFrame

我知道计时器和灯箱弹出窗口正在工作，它们只是隐藏在 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>
4

1 回答 1

1

你有 z-index 问题

为灯箱的 z-index 赋予更大的价值

在第 8 行的lightbox.css中

z-index: 999999;

在第 20 行的lightbox.css中

z-index: 1000000;
于 2013-08-08T18:15:06.693 回答