如何实现遮罩层的效果？

开发工具与关键技术：DW 遮罩层的使用
作者：黎凤焕
撰写时间：2019年1月18日
在学习的过程中，遮罩层的使用也是比较重要的一部分，往往使用鼠标滑轮滚动时，遮罩层不会随滚轮滚动而滚动，随滚轮滚动而滚动的是后面的页面，这样的效果如何实现呢？下面看看遮罩层的布局，如图所示：

主要是通过固定定位来实现不随滚轮滚动而滚动，再通过JS来实现遮罩层的显示和隐藏，所以，当点击 “任务分配”按钮时触发，遮罩层显示出来，点击右上角的图标，遮罩层隐藏。
如何实现遮罩层的效果呢？
可以通过设置背景颜色来实现，如图所示：

将外面的盒子设置为灰色的背景颜色，将里面的盒子设置为白色的背景颜色，通过相对定位使得盒子居中，这样就可以实现遮罩层的效果。