因为图形、文字或图片是在遮罩层上方的，所以在显示遮罩层以后依然可以看到。遮罩层必须至少有两个图层，上面的一个图层为“遮罩层”，下面的称“被遮罩层”；这两个图层中只有相重叠的地方才会被显示。
10年积累的成都网站设计、成都做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有涿州免费网站建设让你可以放心的选择与我们合作。
遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。
bootstrap 模态框弹出时被遮罩层挡住了是设置错误造成的，解决方法为：打开WebStorm开发工具，新建‘test.html’文件，并在文件同级目录安装部署Bootstrap相关文件，目录结构如下图。在‘test.html’中写如下代码。
1、当触发一个事件，弹出一个iframe，让这个iframe遮住后面的页面，这样后方的页面功能就会全部失效，也就可以达到一个遮罩的效果，再通过一个事件取消ifram，恢复后方页面的功能。
2、点击按钮弹出带遮罩层的对话框； 页面上下左右滚动时，弹出的对话框水平和垂直始终居中。
3、遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。
1、当触发一个事件，弹出一个iframe，让这个iframe遮住后面的页面，这样后方的页面功能就会全部失效，也就可以达到一个遮罩的效果，再通过一个事件取消ifram，恢复后方页面的功能。
2、建议你再检查一下代码，这个就是一个遮罩，现在网上也有很多这种插件，如果点击不能隐藏关闭，建议你再检查一下代码，这个就是一个遮罩，现在网上也有很多这种插件，如果点击不能隐藏关闭，建议你再检查一下代码。
3、你这个应该是由于iframe的原因吧，建议使用top访问顶层页面，然后在顶层页面加入这个遮罩层试试。
4、我有种很笨的方法，就是你看到的透明的那个框压根就不是真正被挖空了，它只是浮在透明层上的另一个层或者压根就是页面中的那个层，只是位置没有发生改变而已。我感觉可以这么做，当然网易可能不是这么做的。
1、当触发一个事件，弹出一个iframe，让这个iframe遮住后面的页面，这样后方的页面功能就会全部失效，也就可以达到一个遮罩的效果，再通过一个事件取消ifram，恢复后方页面的功能。
2、打开编辑器，新建test.html，用于学习今天的内容。如下图所示：接下来需要在head标签下方引入jquery.min.js插件，如下图所示：在页面的body标签里，新建一个div，名称为test。
3、可以通过修改以下数字0．7来更改透明度。 1是完全不透明的，0是完全透明的。4．随后，添加用于鼠标移动的脚本代码以显示遮罩层。该js代码是用jquery编写的，既方便又简单，因此首先介绍jquery脚本库。
4、然后给这个a写上一个class=“fancybox”，就可以直接jquery调用$(fancybox).fancybox()；来初始化这个链接。
5、通过JS代码 document.getElementById(divID).style.etElementById(divID).style.display = none。函数可以实现。遮罩层： ，即作为背景层，覆盖整个页面。