针对遮罩层遮挡不完全的解决方法

           我们自己写d框时，他会有一个遮罩层，页面的内容超过了电脑物理高度，设置height:100%,这个遮罩层就只能挡住物理高度，剩下的那一部分就直接裸漏在外面了。

  那么针对这个问题，我找到了一个方法，

  在html文件中

在css文件中

这里的重点就是父元素的position一定是fixed，原本我们可以设置一个div就可以做到遮罩层的效果，但是传统浏览器不支持rgba的写法，所以只能使用上面的写法，分两个div

通过jquery的show()和hide()函数联合使用，实现d出窗口。

一、show（）和hide（）函数解析：

1、show() 方法显示隐藏的被选元素。

注意：show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素（不适用于通过 visibility:hidden 隐藏的元素）。

2、hide() 方法隐藏被选元素。

这与 CSS 属性 display:none 类似，但是隐藏的元素不会被完全显示（不再影响页面的布局）。

二、设计一个HTML页面，包括一个简单的d出窗，和一个显示按钮。其中，调用了jquery的以上两个函数。具体代码如下：

三、设计遮罩层的样式，如下：

四、d出窗口的css样式，代码如下：

五、初始页面如下：

六、点击按钮，查看d出窗口结果：

七、关闭d出窗后，打开开发者中心，如下：

---