gpt4 book ai didi

javascript - 如何让子页面的弹出框不能覆盖父页面的 mask 层

转载 作者:行者123 更新时间:2023-11-28 11:11:05 26 4
gpt4 key购买 nike

这是我的情况:a.html有一个iframe,iframe的src是b.html

b.html 中有一个按钮。按下后,父页面(a.html)会弹出一个 mask 层。同时,子页面(b.html)会弹出一个框。但是,事实证明框 (z-index:2) 被父页面中的 mask 层 (z-index:1) 覆盖了。能解决吗?

我希望盒子可以覆盖 mask 层并且盒子必须在b.html中,图层必须在a.html中。等待您的帮助。

最佳答案

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属性。

关于javascript - 如何让子页面的弹出框不能覆盖父页面的 mask 层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21981142/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com