遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。
创新互联建站是一家专业提供阜宁企业网站建设,专注与成都网站设计、网站制作、html5、小程序制作等业务。10年已为阜宁众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
bootstrap 模态框弹出时被遮罩层挡住了是设置错误造成的，解决方法为：打开WebStorm开发工具，新建‘test.html’文件，并在文件同级目录安装部署Bootstrap相关文件，目录结构如下图。在‘test.html’中写如下代码。
它的原理是：上面一层是遮罩层，下面一层是被遮罩层。遮罩层上的图，自己是不显示的。它只起到一个透光的作用。假定遮罩层上是一个正圆，那么光线就会透过这个圆形，射到下面的被遮罩层上，只会显示一个圆形的图形。
点击按钮/链接触发弹出层，弹出层应该有半透明的遮罩层；点击弹出层的关闭按钮、取消按钮或者遮罩层会关闭隐藏弹出层；使用Esc键也可以关闭弹出层；它是响应式的，并且兼容现代主流浏览器。
如果连事件也触发不了的话，说明没有点击上对吧 你设置下 btn的z-index或者有设置其他的地方z-index修改下，目的让btn在最顶层。我曾经碰到类似问题，就是z-index造成的。不知道你的是不是。
p一个基于jQuery的弹出层。支持拖拽，支持内容为文字，图片，URL等！至于兼容性。在IE6下，弹出对像无法绝对固定。
1、fadeout。jquery中，经代码使用规则查询可知，可以使用fadeout方法，能以调节透明度的方式隐藏一个元素。
2、淡入淡出效果，在日常项目中经常用到，可惜原生JS没有类似的方法，而有时小的页面并不值得引入一个jQuery库，所以就自己写了一个，已封装，有用得着的朋友，可以直接使用。
3、您好！很高兴为您答疑！opacity--不透明度，可以用：opa=document.getElementById(#).style.opacity；您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
4、有关水平和垂直居中的设置可以参阅Helloweba文章：如何让DIV水平和垂直居中。弹出层里面的内容样式可以自由设置，最后就是使用media query来设置小屏幕下的弹出层居中的问题。
第一种：一定高度内容加多时自适应高度，而内容少时DIV有一定最小高度；第二种：没有最小高度，DIV完全自适应高度。
高度自适应较好解决，将高度设为自动，如：aa{height：auto；}。宽度自适应将宽度设为百分比的方式，如：.wai{widht：98%；margin：0 auto；}/*宽度占整个屏幕的98%，且水平居中显示*/。
首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。
1、设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮。其中，调用了jquery的以上两个函数。
2、瞬间感觉自己知道的真是太少了~~ 首先回忆一下弹窗的实现，一般我们分为两层，弹出窗口层（popus）和遮罩层（mask），通常情况下我习惯就这两元素全部设成fixed定位，具体和absolute区别一试便知。
3、浏览器设置问题。IE浏览器方法：打开工具-internet选项-选项卡-遇到弹出窗口时，选择始终在新窗口中打开弹出窗口。下面再附一张操作图。360浏览器方法：我们打开360浏览器之后，选择左上角的【工具】，如图。