Question

这是我的情况：a.html有一个iframe，而iframe的src是b.html。

b.html中有一个按钮。按下它后，父页面（a.html）将弹出一个遮罩层。同时，子页面（b.html）将弹出一个框。但是，事实证明，父页面（z-index:2）中的掩码层覆盖了框（z-index:1）。可以解决吗？

我希望框可以覆盖遮罩层，框必须在b.html中，图层必须在a.html中。等待你的帮助。

Answer 1

a.html的主要代码如下：

<body>
    <iframe src="b.html"></iframe>
    <div id="masklayer" style="z-index:1000;display:none;">
    </div>
</body>

b.html的主要代码如下：

<body>
    <button onclick="showbox();">Show Box</button>
    <div id="contentbox" style="z-index:1001;display:none;">
    </div>
</body>

<script type="javasript/text">
    function showbox() {
        $("#masklayer", window.parent.document).css("display", "block");
        $("#contentbox").css("display", "block");
    }
</script>

PS：我只是给出主要的css属性。

如何在子页面中创建弹出框不能覆盖父页面中的蒙版图层

1 个答案: