judas_jia 2016-08-11 02:57 采纳率: 0%
浏览 3175
已采纳

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

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

  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2016-08-11 03:00
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • js实现遮罩层弹出框的方法
    2020-10-24 21:16
    遮罩层通常是半透明或不透明的黑色背景覆盖在页面上，使用户不能与页面下的内容进行交互，而弹出框则通常位于页面中心或特定位置，用来显示需要用户关注的信息。 标题中提到的“js实现遮罩层弹出框的方法”，核心...
  • 在iframe中使bootstrap的模态框在父页面弹出问题
    2020-12-11 19:52
    这几天在写项目的中，页面使用了iframe，然而在子页面中使用bootstrap的模态框时发现：弹出的模态框位置是以子页面为标准居中的，并且遮罩层也只有子页面那一部分，整个页面简直无法直视，所以思考可以可以让模态框...
  • iframe中弹出框后添加覆盖整个页面的遮罩层并且不覆盖子页面中的弹出框
    2016-08-11 16:14
    judas_jia的博客 iframe中弹出框后添加覆盖整个页面的遮罩层并且不覆盖子页面中的弹出框
  • BootStrap中的模态框（modal，弹出层）功能示例代码
    2020-12-29 22:59
    bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免...
  • jQuery在iframe中无法弹出对话框的解决方法
    2020-10-26 10:33
    当开发者需要在iframe中弹出对话框（例如警告框、确认框或自定义弹窗）时，可能会遇到一个普遍的问题：在iframe中无法正常弹出这些对话框。原因在于大多数现代浏览器的同源策略限制，以防止脚本跨域通信，从而导致...
  • html 锁定页面(js遮罩层弹出div效果)
    2020-10-29 15:50
    在这种技术中，一个遮罩层（mask）被添加到页面上，使得用户无法与背景交互，直到遮罩层下的内容（通常是弹出的div）被处理。本文将详细介绍如何使用JavaScript和HTML实现这样的效果。 首先，我们需要创建一个遮罩...
  • iframe弹出框遮罩父类页面
    2013-08-22 15:33
    在网页开发中，有时我们需要实现一个功能，即在iframe中打开一个新的弹出窗口，并且这个弹出窗口能够遮罩住其父级页面，提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...
  • layer弹出层取消遮罩的方法
    2020-10-16 07:49
    在网页开发中，layer是一个非常流行的JavaScript弹层插件，它是layui框架的一部分，用于创建各种类型的弹出层，如提示、对话框、加载层、iframe等。本文将深入讲解如何在使用layer时取消弹出层的遮罩效果。 首先，...
  • js模态弹出框插件ModalLayer
    2021-06-24 10:36
    - **iframe弹窗**：可以在模态框内加载外部网页，实现不离开当前页面的情况下查看或交互其他内容。 ### 3. 使用步骤 使用ModalLayer通常包括以下步骤： 1. **引入资源**：在HTML文件中添加ModalLayer的CSS和...
  • layer弹出层 iframe层去掉滚动条的实例代码
    2020-10-18 04:52
    2. **弹出层（Popup Layer）**：在layer中，弹出层是一种可自定义内容并能够覆盖页面其他元素的窗口，常用于显示对话框、表单、图片或嵌入的网页（如iframe）。 3. **iframe**：IFrame（Inline Frame）是HTML标签，...
  • 弹出层 弹出框插件 showbox
    2017-09-28 17:43
    【弹出层与弹出框插件 Showbox】在网页设计和开发中，弹出层和弹出框是常见的交互元素，它们用于显示通知、消息、表单、图片等多种内容，不打断用户对主页面的浏览体验。Showbox是一款功能强大的JavaScript插件，专...
  • IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
    2020-09-05 22:08
    这个问题的背景是，开发人员创建了一个自定义的弹出层，通过动态添加遮罩层和一个包含IFrame的DIV来实现。IFrame加载的是一个外部的HTML文件，该文件中包含了一些表单元素，如文本输入框。在IE6环境下，用户尝试点击...
  • 评论回复弹出遮罩效果实现思路兼容ie 8/chrome/firefox
    2020-09-22 13:12
    在我们的场景中，使用了iframe作为遮罩层的容器，因为iframe可以嵌入另一个独立的HTML文档，这样就可以在不干扰主页面内容的情况下加载额外内容。 具体实现的思路如下： 1. 准备两个HTML页面：主页面（index.html...
  • ModalLayer模态框插件js弹出框
    2020-06-11 09:24
    在网页设计和开发中，模态框（Modal Layer）是一种常用的设计元素，它用于在当前页面上弹出一个半透明的覆盖层，显示额外的信息或者进行交互操作，而不会中断用户与主页面的联系。ModalLayer是一款强大的JavaScript...
  • 没有解决我的问题, 去提问