甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
Web页面中使用遮罩层，可防止重复操作，提示loading；也可以模拟弹出模态窗口。实现思路：一个DIV作为遮罩层，一个DIV显示loading动态GIF图片。在下面的示例代码中，同时展示了如何在iframe子页面中调用显示和隐藏遮罩层。
公司主营业务：网站制作、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出塔河免费做网站回馈大家。
show() 方法显示隐藏的被选元素。注意：show() 适用于通过 jQuery 方法和 CSS 中 display：none 隐藏的元素（不适用于通过 visibility：hidden 隐藏的元素）。hide() 方法隐藏被选元素。
SELECT选择框 但是不能遮住 FLASH控件的。 有一个还不错的办法就是在 遮罩层 的下面再写一个完全透明的 IFREAM 框架层，该层的大小和 遮罩层 一样，z-index的值取大于 控件 小于 遮罩层 ，即位于中间。
写一个fixed定位的div，z-index稍微高一点，设置一下背景色和透明度就 只是在这个代码中，我们没能实现鼠标移动的效果，只能是让圆圈自由转动。。
我给你一个示例，以下内容为HTML源码，其实原理倒是不难的，要做一个遮罩层，触发时背景变暗。style：Win1，title负责拖动、显/隐；face负责，背景变暗。DIV ：Win1，title负责拖动、显/隐；dialogBoxBG负责变暗。
你要给一个小块块（Box）做遮罩的话，Box用postion：relative；，然后遮罩部分用那个postion：absolute，默认就是处于相对Box的左上角（top：0；left：0；），如果你需要调整的话才需要重新设置。
1、当触发一个事件，弹出一个iframe，让这个iframe遮住后面的页面，这样后方的页面功能就会全部失效，也就可以达到一个遮罩的效果，再通过一个事件取消ifram，恢复后方页面的功能。
2、背景：rgba(0，0，0，0.7)；透明度可以通过修改后面的0.7号来改变。1是完全不透明的，0是完全透明的。然后添加用于鼠标移动的脚本代码来显示蒙版层。
3、遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。
4、可以通过修改以下数字0．7来更改透明度。 1是完全不透明的，0是完全透明的。4．随后，添加用于鼠标移动的脚本代码以显示遮罩层。该js代码是用jquery编写的，既方便又简单，因此首先介绍jquery脚本库。
5、看看蒙版层的样式定义。代码如图所示。背景：rgba(0，0，0，0.7)；透明度可以通过修改后面的0.7号来改变。1是完全不透明的，0是完全透明的。然后添加用于鼠标移动的脚本代码来显示蒙版层。
遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。
bootstrap 模态框弹出时被遮罩层挡住了是设置错误造成的，解决方法为：打开WebStorm开发工具，新建‘test.html’文件，并在文件同级目录安装部署Bootstrap相关文件，目录结构如下图。在‘test.html’中写如下代码。
它的原理是：上面一层是遮罩层，下面一层是被遮罩层。遮罩层上的图，自己是不显示的。它只起到一个透光的作用。假定遮罩层上是一个正圆，那么光线就会透过这个圆形，射到下面的被遮罩层上，只会显示一个圆形的图形。
点击按钮/链接触发弹出层，弹出层应该有半透明的遮罩层；点击弹出层的关闭按钮、取消按钮或者遮罩层会关闭隐藏弹出层；使用Esc键也可以关闭弹出层；它是响应式的，并且兼容现代主流浏览器。
如果连事件也触发不了的话，说明没有点击上对吧 你设置下 btn的z-index或者有设置其他的地方z-index修改下，目的让btn在最顶层。我曾经碰到类似问题，就是z-index造成的。不知道你的是不是。
p一个基于jQuery的弹出层。支持拖拽，支持内容为文字，图片，URL等！至于兼容性。在IE6下，弹出对像无法绝对固定。
1、当触发一个事件，弹出一个iframe，让这个iframe遮住后面的页面，这样后方的页面功能就会全部失效，也就可以达到一个遮罩的效果，再通过一个事件取消ifram，恢复后方页面的功能。
2、第一种方式：你使用的现有库中有没有开启和关闭遮罩的api，如果有的话，直接照着api使用即可；第二种方式：自己写个遮罩。
3、你这个应该是由于iframe的原因吧，建议使用top访问顶层页面，然后在顶层页面加入这个遮罩层试试。