MUI 框架之遮罩蒙版（mask）

---

mask（遮罩蒙版）

用处

在popover、侧滑菜单等界面，经常会用到蒙版遮罩；
比如popover弹出后，除popover控件外的其它区域都会遮罩一层蒙版，用户>点击蒙版不会触发蒙版下方的逻辑，而会关闭popover同时关闭蒙版；
再比如侧滑菜单界面，菜单划出后，除侧滑菜单之外的其它区域都会遮罩一层蒙版，用户点击蒙版会关闭侧滑菜单同时关闭蒙版。

官方示例

mui默认的蒙版遮罩使用.mui-backdrop类

.mui-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 998;
background-color: rgba(0,0,0,.3);
}

		<!-- 主界面不动、菜单移动 -->
		<!-- 侧滑导航根容器 -->
		<div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
		  <!-- 菜单容器 -->
		  <aside class="mui-off-canvas-left" id="offCanvasSide">
		    <div class="mui-scroll-wrapper"