iframe中弹出框添加遮罩层并且不覆盖子页面中的弹出框

![图片说明](https://img-ask.csdn.net/upload/201608/11/1470883862_968270.png)图片说明 iframe中嵌套的各子页面均有弹出框，如何实现弹出框出现同时底部出现覆盖全局的遮罩层，并且不覆盖子页面中的弹出框（遮罩层在iframe中的父页面中，已实现覆盖全局的遮罩，但是遮罩层把iframe中的弹出框也覆盖了）

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Go 旅城通票 2016-08-11 03:00
关注
iframe也做成absolute定位的，设置下z-index噶偶遇mask的就行了，static布局肯定不行，会被absolute或者fixed定位的层遮盖住

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

iframe中弹出框添加遮罩层并且不覆盖子页面中的弹出框
2016-08-11 02:57

回答 2 已采纳 iframe也做成absolute定位的，设置下z-index噶偶遇mask的就行了，static布局肯定不行，会被absolute或者fixed定位的层遮盖住
layui layer iframe 嵌套如何获取点击按钮弹出层的元素 javascript jquery
2021-05-09 04:23

回答 1 已采纳你可以好好研究这篇文章，搞清楚关系就能相互访问了，前提示不能跨域，有用麻烦点下右上角的采纳~~ iframe和父页，window.open打开页面之间的引用
html页面中加了个iframe框架，在切换iframe中的链接后，返回上一页 html5 java jupyter
2022-10-10 01:38

回答 3 已采纳直接重定向到上一页的地址。可以把地址记录下来。
js实现遮罩层弹出框的方法
2020-10-24 21:16

主要介绍了js实现遮罩层弹出框的方法,可实现对遮罩层弹出框的样式定义、按钮事件及相关功能的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
js不能关闭弹出窗口， ajax chrome javascript jquery node.js
2019-12-30 10:01

回答 1 已采纳如果这个弹框用的是layer 可以试试 layer.closeAll();
在不使用iframe的情况下在jQuery弹出窗口中打开PHP文件 html javascript jquery php
2011-09-04 05:02

回答 2 已采纳 Well you can use the $.ajax() function of jQuery that upon a click event will send a request to a
Fb.UI对话框显示在弹出窗口而不是iframe中 facebook php
2011-08-30 16:01

回答 1 已采纳 Try setting display="iframe" per this guide but when you need to prompt users for extended permiss
在iframe中使bootstrap的模态框在父页面弹出问题
2020-12-11 19:52

这几天在写项目的中，页面使用了iframe，然而在子页面中使用bootstrap的模态框时发现：弹出的模态框位置是以子页面为标准居中的，并且遮罩层也只有子页面那一部分，整个页面简直无法直视，所以思考可以可以让模态框...
用JS动态添加iframe到页面,这个iframe网页内容加载不出来 html5 java javascript
2018-01-19 08:52

回答 3 已采纳 HTML的加载的方式是从上往下的顺序，已经加载完毕的请求页面，再通过js触发事件添加的HTML代码只能是静态代码
iframe嵌入网页中随父页面缩放 javascript jquery
2020-07-23 09:57

回答 1 已采纳 a页面载入iframe的时候，按照宽高都是百分比设置，设置成100％。
iframe中页面的缩放问题 chrome css
2020-10-14 14:56

回答 1 已采纳在iframe内容页面加载完毕，然后js获取iframe的内容高度。在该页面使用 window.parent.getElementById('divId').style.height=hegit
iframe中弹出框后添加覆盖整个页面的遮罩层并且不覆盖子页面中的弹出框
2016-08-11 16:14

judas_jia的博客 iframe中弹出框后添加覆盖整个页面的遮罩层并且不覆盖子页面中的弹出框
无法在wordpress页面中加载iframe php
2019-07-16 17:50

回答 1 已采纳 It's about your source is blocking unauthorization call from domains not in CORS. They're only all
BootStrap中的模态框（modal，弹出层）功能示例代码
2020-12-29 22:59

bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免...
jQuery在iframe中无法弹出对话框的解决方法
2020-10-26 10:33

如果在iframe中使用则弹不出对话框，而有时候我们还必须得使用iframe而不能用jQuery的load方式，下面有个不错的处理方法，希望对大家有所帮助
没有解决我的问题, 去提问

悬赏问题

¥15 写一个方法checkPerson，入参实体类Person，出参布尔值
¥15 我想咨询一下路面纹理三维点云数据处理的一些问题，上传的坐标文件里是怎么对无序点进行编号的，以及xy坐标在处理的时候是进行整体模型分片处理的吗
¥15 CSAPPattacklab
¥15 一直显示正在等待HID—ISP
¥15 Python turtle 画图
¥15 关于大棚监测的pcb板设计
¥15 stm32开发clion时遇到的编译问题
¥15 lna设计源简并电感型共源放大器
¥15 如何用Labview在myRIO上做LCD显示？(语言-开发语言)
¥15 Vue3地图和异步函数使用

iframe中弹出框添加遮罩层并且不覆盖子页面中的弹出框

2条回答 默认 最新

悬赏问题

2条回答默认最新