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

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

2个回答

iframe也做成absolute定位的,设置下z-index噶偶遇mask的就行了,static布局肯定不行,会被absolute或者fixed定位的层遮盖住

showbo
支付宝加好友偷能量挖 回复judas_jia: 你层在iframe只能提iframe,不可能跨框架。要么iframe的层就放到父页来显示
大约 3 年之前 回复
judas_jia
judas_jia 谢谢您的回答:)我试了一下你的方法,ifram整个提上来了,但是我只需要让iframe弹出框出来,整个iframe都上来后,iframe页面里其他按钮是遮不住的。。。我之前也试过弹出框absolute然后设置z-index,最后还是在遮罩底下。。。
大约 3 年之前 回复

……
……
      <div class=”right ”>
            ……

</ div>

……

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
iframe中弹出框后添加覆盖整个页面的遮罩层并且不覆盖子页面中的弹出框
iframe中弹出框后添加覆盖整个页面的遮罩层并且不覆盖子页面中的弹出框
iframe子页面弹出框遮罩层问题的解决方法
问题描述:iframe内的遮罩层未遮挡父级元素, 若把蒙版放在父页面,蒙版会遮挡住iframe内所有元素。 代码结构: 解决方法一:      可以使用layer框架,框架里面可以定义,具体可以查看文档。(我没使用这个框架,因为我觉得引入一个框架只为了使用其中的模态框不划算。)   解决方法二:(刚开始使用的这个方法,还是存在问题) 思路:打开子页面的同时,分别动态生成头部和左侧菜...
html弹出框+遮罩层
看到网上有很多伙伴在求这东西,这里发一个。
javascript遮罩层的弹出框
javascript写的遮罩层的弹出框,含css样式+js文件+使用说明, 必须在最新的1.8.2.js才能运行
弹出框,遮罩层特效
自定义弹出框,特效遮罩层,完美淡出淡出效果,兼容性良好,真是居家旅行必备良药
带遮罩层的弹出框的实现
请问这个该怎么实现呢。能有源码最好了。n点击确定。取消。还有右上方的关闭图标可以关闭遮罩层和弹出框。n谢谢啦。。。![图片说明](https://img-ask.csdn.net/upload/201508/12/1439344311_876015.png)
iframe弹出框遮罩父类页面
iframe弹出框遮罩父类页面,进去之后直接打开demo里面的layout.html 页面看效果,然后查看代码;才方法不需要将子类的js 及弹出框的代码写在父类里面,依旧是写在子类页面里面
微信小程序开发 遮罩层弹出框
微信小程序开发遮罩层弹出框的实现,简单实现,点击弹出遮罩,类似弹出框
vue2+elementui 弹出框被遮罩层挡住
在vue2+elementui开发中使用el-dialog弹出框被遮罩层遮挡,如下图: 解决办法 :modal-append-to-body="false"
Android之带遮罩层的弹出框—popUpWindow
上次项目中实现了新功能,就一直想添加到博客里来着,惰性发作起来简直太可怕,不说了,跟着一起写吧,三步即可实现简单的弹出框功能,首先看效果—— 首先:主页面布局,触发控件一定要有,再有就是给根标签设置id <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="
在layer的弹出框中点击按钮刷新父页面并关闭弹出框
今天写layer弹出框里面是区域选择,需要根据选择的区域进行展示如图 点击唐人街餐馆父页面会刷新并且弹出框会消失 代码如下:                           " class="ii">${area.oaName }餐馆               $(document).ready(function(){     $("#spa
Ext关闭iframe弹出框
列表页面定义是这样的:rnfunction setUpFormWin() rn var curFormWin;rn this.showMofifyUserWin = function(record) rn var Id = record.data.id;rn var editpage = './jsp/extpages/user_edit.jsp?type=modify&ID=' + Id;rn var window = this.createWin("winedit", "修改", editpage, function() rn userGrid.gridRefresh();rn , 611, 323);rn window.show();rn ;rn this.createWin = function(winId, winTitle, iframePage, closeFun, width, height) rn var formWin = Ext.getCmp(winId);rn if (!formWin) rn formWin = new top.Ext.Window( rn id : winId,rn title : "用户列表-" + winTitle,rn width : width,rn height : height,rn maximizable : false,rn modal : true,rn closeFunction : function() rn this.close()rn ,rn reloadFunction : closeFun,rn closeAction : 'close',rn html : "__tag_351$45_"rn );rn this.reloadeData = closeFun;rn rn curFormWin = formWin;rn return formWin;rn ;rn this.reloadeData = function() rn ;rn this.close = function() rn if (curFormWin) rn curFormWin.close();rn rn ;rnrn弹出页面中按钮时这样的rntext : '关闭',rniconCls : 'close',rnhandler : function() rn window.parent.formWin.reloadeData();rn window.parent.formWin.close();rnrn在以前的项目里面直接拷贝过去就可以用了,不知道什么我现在带的这个项目里一致报错。我自己也看了下,是报formWin未找到。
关闭包含Iframe的弹出框
关闭Iframe 弹出框
dialog弹出框的加载页面中如何关闭这个弹出框?
我用jquery的dialog插件做弹出框,框中加载了一个页面,想在这个页面中实现注册功能,实现完成后关闭这个弹出框,现在发现关闭不了这个弹出框,没思路 求各位大虾帮小弟解决下rnrn代码如下: rnrn新增的页面中没法关闭这个弹出框!·~~rn
关于弹出框中Iframe的性能问题
弹出框只有使用iframe才能将select遮住,但是使用iframe会出现内存不能释放的问题,有没有什么两全其美的方案?rn小弟入门,求高手解答
easyui弹出框中添加按钮添加不进去
我想在弹出框中添加提交的按钮,但是在弹出层的div的 data-options中使用footer不管用,页面效果如下rn![图片说明](https://img-ask.csdn.net/upload/201901/14/1547450571_273871.png)rn![图片说明](https://img-ask.csdn.net/upload/201901/14/1547450581_702544.png)rn这两个按钮并不会到弹出层中。拜托大神帮忙看看是怎么回事。rn下面是页面代码rn```rn rn rn 角色IDrn 角色名rn rn rnrn rn rn 新增rn 删除rn 分配权限rn rnrn rn rn rn rn rn 提交rn 取消rn rn rn rn```rnrn跪求大神帮忙
如何屏蔽iframe中的页面的弹出框
我在网页里面掐入了一个,帧里面的网页是其他网站的网页,并且有弹出框(alert) ,如何屏蔽这个弹出框呢?用js的方法~~
Jquery 实现弹出框点击自身以外的地方(遮罩层)关闭弹出框
整个实例在最下面,复制到编辑器上直接看效果 1.HTML部分 &amp;amp;lt;div id=&amp;quot;branch&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;branch-header&amp;quot;&amp;amp;gt; &amp;amp;lt;button&amp;amp;gt;点击出现弹出框&amp;amp;lt;/button&amp;amp;gt; &a
在iframe 中页面中设置遮罩遮罩层
NULL 博文链接:https://gjp014.iteye.com/blog/2001946
弹出框
jquery 弹出框
C# 弹出框,winform弹出框
仿QQ新闻弹出框,网上找了一下别人的,发现不怎么好用。自己写一个,感觉还行。界面自己ps。。 主意功能:过时渐进消失,鼠标放上显示,弹出不获取焦点,始终在最上层。
jquery.弹出框jquery.弹出框
jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框
后台添加JS弹出框
response.setContentType(&quot;text/html; charset=UTF-8&quot;); PrintWriter out = response.getWriter(); out.flush(); out.println(&quot;&quot;); out.println(&quot;alert('目录中存在文件,请先删除服务器信息!');&quot;); ...
java中编写弹出框
String message=&quot;数据已入库,导入成功!&quot;;         try {             response.setContentType(&quot;text/html; charset=UTF-8&quot;); //转码             PrintWriter out = response.getWriter();             out.flush();         ...
BaiduPop,弹出框,JS弹出框
BaiduPop 弹出框 JS弹出框,方便实用
div弹出框js弹出框
div弹出框,js弹出框,轻松轻松定制
好用的弹出框好用的弹出框
弹出框弹出框弹出框弹出框弹出框弹出框弹出框弹出框弹出框弹出框弹出框
JS中的弹出框
弹出框 1.alert警告框 alert(message)的作用是弹出一个提示框或者警告框,纯提示作用。 alert(“Hello World!”); 因为alert是window对象的函数,也可以通过window.alert()来调用。 window.alert(“Hello World!”); 2. prompt询问框 prompt(text,defaultText)的作用是弹出一个询问框,...
Servlet中设置弹出框
PrintWriter pw=resp.getWriter(); pw.write(&quot;&amp;lt;script language='javascript'&amp;gt;alert('弹出内容')&amp;lt;/script&amp;gt;&quot;);
ASP.NET中弹出框的问题
ScriptManager.RegisterStartupScript(UpdatePanel1, UpdatePanel1.GetType(), string.Empty, " ", true);rn为什么弹不出来,把ture改成fals是能弹出来但是点取消还是就执行下去了!
弹出框加载页面
DlgUtil=function() { window.top.dojo.require(&quot;dojo.widget.FloatingPane&quot;); this.makePane=function (action,title,top,left,width,height,appendInfo) { try ...
页面弹出框,文件上传
如图所示,点击新增,弹出如图的弹出框,点击取消不保存页面信息,点击确定保存页面信息 在前台页面添加一个标签,任何都可以 <div class="btn btn-default" id="divadd">新增</div> 写弹出框页面 <div id="popup_overlay" style="display: none; position: fixed; top: 0px; lef
自定义一个页面弹出框
相应的一些改动可以自己设置。 window.alert = function(str) { var shield = document.createElement("DIV"); shield.id = "shield"; shield.style.position = "absolute";
frameset中弹出框
-
help中定义弹出框
[code=&quot;java&quot;] #弹出div def popup_div(width, height, title, tagid, &amp;block) content = capture(&amp;block) right_text = &quot;&quot; if title.is_a?(Array) right_text = title[1] ...
swift3.0中弹出框
以前在OC中自定义过一个弹出框,基本原理都是一样的,都是利用tableView在一个view上面显示,然后在需要用到的地方,调用这个view.基本上就实现的想要的效果,在ipad里面开发还是有一个pop控制器,在iphone开发中的弹出框基本上都是自定义的 ,下面上干货 1.首先创建一个UIView类 类里面的代码是import UIKit class Menu: UIView,UITab
javascript模拟页面弹出框
本例子是使用iframe来模拟js框架是如何实现所谓的在当前页面弹出弹出框的,实际上就是借助的iframe实现的页面加载,并非有什么真正的弹出框。
关于页面弹出框
请问下。rn在一个页面点击按钮后。弹出一个框。输入数据,点确认后。返回点击按钮那个页面,并且刷新页面,显示添加内容。rn这个用什么可以实现。。rn谢谢了
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池