`
bjtdeyx
  • 浏览: 170132 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

iframe 遮罩

阅读更多

iframe里面页面弹出遮罩层一般只会在里面页面弹出,很头疼。
我们说主页面为'bodyPage'    iframe导入页面为'iframePage'
解决方法:1.原理:window.parent能调用bodyPage页面的js方法,在此js方法里弹出遮罩层,将iframe外部遮罩!
经亲测,兼容chrome ,ff,ie

分享到:
评论

相关推荐

    基于Jquery的iframe遮罩层插件,可以遮挡flash。此插件在“爱乐网址收藏夹”中使用

    标题中的“基于Jquery的iframe遮罩层插件”指的是一个使用jQuery库开发的JavaScript插件,它的主要功能是在网页中创建一个iframe遮罩层。这个遮罩层能够覆盖整个页面,包括页面上的Flash元素,从而达到特定的交互...

    在iframe 中页面中设置遮罩遮罩层

    总结一下,创建一个在iframe中使用的页面遮罩层,需要以下步骤: 1. 添加一个`iframe`元素,设置其`src`属性指向要嵌入的页面。 2. 创建一个CSS类来定义遮罩层的样式。 3. 编写JavaScript函数以控制遮罩层的显示与...

    iframe弹出框遮罩父类页面

    在网页开发中,有时我们需要实现一个功能,即在iframe中打开一个新的弹出窗口,并且这个弹出窗口能够遮罩住其父级页面,提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...

    用iframe做的遮罩层

    利用`<iframe>`制作遮罩层的基本思路是创建一个全屏的`<iframe>`,然后设置其样式以达到遮罩效果。这包括设置合适的宽度和高度(通常是100%),以及背景颜色(如半透明黑色)和透明度。通过CSS可以控制`<iframe>`的...

    div+css代替iframe框架并带全屏遮罩加载特效

    在网页设计和开发中,传统的`iframe`框架常被用于嵌入外部页面或者实现多页面同屏显示。然而,随着Web技术的发展,`div+css`布局方式因其灵活性和高效性逐渐成为主流,许多开发者开始寻找用`div+css`替代`iframe`的...

    Flex嵌入IFrame解决方案

    2. **解决FLEX的弹出框被iframe遮罩问题** 当Flex应用中出现弹出窗口或对话框时,它们可能会被IFrame遮挡。为了解决这个问题,可以给Flex的IFrame组件添加`overlayDetection="true"`属性。这个属性使得Flex能够检测...

    用js+iframe形成页面的一种遮罩效果的具体实现

    function mask(method){ //这里是你想要进行遮罩的窗口,我这里想要遮罩的是一个iframe窗口,也可以用var winObj=$(window) var winObj=window.top.$(“body”).find(“iframe[name=’dialognormaliframe’]”);...

    JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果

    本文实例讲述了JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果。分享给大家供大家参考,具体如下: <%@ page language=java import=java.util.* pageEncoding=GB2312%> <% String path...

    div+iframe弹出窗口:可最大化、最小化,可拖拽,带遮罩功能

    带遮罩功能。 解决替换模态窗口,避免模态调模态出现的一系列问题:session丢失,提交返回,调父类方法层级多了或者多页面调的时候,parent层次级别问题。用iframe的话,直接可以反着从第一层用top方法调用。

    jquery弹出层 jquery弹出层 jquery弹出层

    在IT行业中,jQuery是一款非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。标题“jquery弹出层”暗示我们将会探讨的是如何使用jQuery来实现网页上的弹出层效果,这在网页设计中...

    解决Vue开发中对话框被遮罩层挡住的问题

    然而,有时开发者会遇到一个令人棘手的问题,即对话框在显示时会被页面上的遮罩层所遮挡。这一现象可能会导致对话框的按钮、文本等关键内容无法被用户正常看见或点击,从而影响用户体验。 要了解这一问题的解决方法...

    vue基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生

    内容概要:以vue2为例,搭建一个...2、使用position: fixed解决iframe的弹窗及遮罩层问题 3、使用requestFullscreen()解决iframe里的全屏问题 4、使用history解决浏览器的后退问题 5、页面刷新,iframe可以加载正确页面

    Web遮罩層的實現方式

    //1層遮罩整個IFrame function hideIframe1() { hideIframe(0); } //2層遮罩整個IFrame function hideIframe2() { hideIframe(1); } //3層遮罩整個IFrame function hideIframe3() { hideIframe(2); } //...

    javascript浮动div,可拖拽div,遮罩层(div和iframe实现)

    2. **使用 Iframe 实现**:如果需要支持跨域内容的加载,可以使用 Iframe 来构建遮罩层。Iframe 可以加载不同域名下的内容,但需要注意安全性和性能问题。 ### 四、示例代码解析 1. **获取页面尺寸信息**:`...

    jquery 遮罩层 插件

    非常好用的一款jquery遮罩层插件,网页制作必备。

    JavaScript弹出遮罩层

    JavaScript弹出遮罩层是一种常见的前端交互设计,用于在网页上创建一个半透明的覆盖层,通常用于显示警告、提示信息或加载等待效果。在这个场景中,我们看到一个经过修改的遮罩层实现,它可以通过链接触发,并指定弹...

    jQuery EasyUI 1.2.6 解决无法遮罩object对象的问题

    jQuery EasyUI 1.2.6 解决无法遮罩object对象的问题,在代码第1862行增加iframe对象遮罩object对象。

    jquery colorbox遮罩的使用

    jQuery Colorbox 是一款强大的轻量级插件,它提供了优雅的图片、iframe、inline 内容、ajax 弹出效果,并且具备自定义选项和高度可配置的特性。本文将深入探讨如何利用 Colorbox 实现遮罩效果,提升用户体验。 首先...

    jQuery遮罩层在线QQ客服代码.zip

    - **弹出对话框**:在同一时间,创建或显示预先准备好的客服对话框,可能是一个浮动窗口,内含QQ聊天窗口的iframe或者嵌入的QQ插件。 - **添加关闭按钮**:对话框内通常会有一个关闭按钮,点击后,遮罩层和对话框...

Global site tag (gtag.js) - Google Analytics