含有iframe的js弹出层、遮罩层问题

我的一个页面有iframe,现在我的iframe里有一个弹出层,点击按钮弹出,因为如果遮罩层在iframe对应的页面,无法遮罩整个页面,所以我把遮罩层放在了父页面,单击iframe对应页面的按钮,弹出弹出层的同时,父页面的遮罩层也弹出,但此时遮罩层把iframe对应页面的弹出层也遮罩了,如何解决?zindex设置了也没有效果啊。如何让iframe的弹出层位于父页面的遮罩层上面?

zindex是相对于同一个页面的div来说的,你现在是跨页了当然无效。
你可以把你iframe里面的弹出窗口也改到父页面显示,弹出窗口通过js回写数据或处理到iframe。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-07-31
好像z-index是适用于绝对定位的元素吧
你把遮罩层都设置为position:absolute
然后调整z-index试试?

iframe中的弹框显示在父页面遮罩的上层怎么解决?
你好,这个只能在父页面设置遮罩层,点击iframe内的按钮或连接,触发父页面的js,让父页面的遮罩层显示出来。这个关键点是如何操作父页面的问题。用 parent.xxx()就可以触发父页面js中的 xxx函数。

iframe挡住了object(iframe遮罩)
ie7、ie8下使用iframe,iframe下嵌套objectparam\/\/object实现flash...1、第一次parentnode都是null,没有问题,按理第二次也应该是null,但ie却是一个object。经测试,这个object的nodetype是11,也就是一个碎片对象(fragment)。而且各个被removechild移除的元素的parentnode都不相同,即会生成不同的碎片对...

iframe里面弹出一个遮罩怎么让它遮住整个页面(包括父页面)我用的显示隐...
你好,这个只能在父页面设置遮罩层,点击iframe内的按钮或连接,触发父页面的js,让父页面的遮罩层显示出来。这个关键点是如何操作父页面的问题。用 parent.xxx()就可以触发父页面js中的 xxx函数。

js弹出的遮罩层,如何能遮住全屏?
1、打开UE编辑器,新建一个空白的html文件和css文件;2、在html文件中输入以下html代码;3、在css文件中输入以下css代码;4、编辑完成之后,选择格式为UTF8-无 BOM模式,保存文件;5、在浏览器中打开此html文件,可以看到最终想要实现的遮住全屏效果。

弹出层内嵌套动态iframe,如何让实现
iframe要设置position为absolute, z-index大于1 你说的遮罩是指B按钮的窗口弹出后, 只有ifame在最前, 其他的按钮什么的都被压在下面不能点击和作业吧. 那么你可以在页面上加个div(样式: position: absolute, z-index: 2; display: none;)JavaScript:function ClkFn_B() { var fme = document....

iframe,div弹出层问题 我在iframe页面中有一个按钮,当点击按钮是弹出一...
= "alpha(opacity=30)";else div.style.opacity = .3;parent.document.body.appendChild(div);} <\/script> <\/head> <body> <input type="button" value="测试" onclick="show()" \/> <\/body> <\/html> 当然这个代码也不是完整的一个遮罩效果代码,可能还有一点点浏览器兼容性问题存在。

前端开发小问题解决202007(iframe、IEJ兼容、动效、微信小程序webview...
针对 iframe 中的 alert 弹框问题,可以为 iframe 添加 sandbox 属性,且在其中排除 allow-popups,以避免弹框现象。同时,需要注意该属性还会屏蔽 _blank 的打开新窗口链接。在处理 loading 的显示问题时,可以通过为 iframe 添加 onload 属性来控制何时结束显示 loading UI,确保页面加载状态的可视化管理...

HTML中iFrame标签有哪些用法
简言之就是将喜欢的图片收藏到布兜页面上来,这其中用到了很多关于iframe的方面,总结如下:1. 作为弹出层铺底覆盖大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素,那就有得头疼了(原理就不在这里赘述了)。我们会发现弹出的DIV没法遮住select, 轮到我们的...

关于弹出层遮罩不住select的问题。
方法1应该都明白,方法2就是利用iframe可以覆盖select的特性,只要把一个iframe作为层的底部就可以覆盖下面的select了,程序中是这样使用的:Lay.innerHTML = '<iframe style="position:absolute;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=0);"><\/iframe>'可以看出这个透明的iframe也...

js如何弹出页面js如何弹出页面窗口
js弹窗点击一个按钮弹出这个框怎么做? 写一个遮罩层,这个遮罩层里写上需要弹出的东西,然后把遮罩层隐藏掉,当点击某个按钮时,遮罩层弹出就行了 初学者使用JavaScript代码做简单猜数字游戏,不要弹出窗口的.请问怎样做? 1.过完W3C关于html、css、js、jquery部分。实际操作里面的代码,稍微改改代码体验下编译后的差别...

相似回答