html 极简遮罩层(自定义弹窗)

<!-- 弹窗显示 即顶层显示 -->
<div id="popDiv"
        style="z-index: 99; display: block; position: absolute; margin-top: 20%; margin-left: 40%; background-color: #FFF;">
        弹窗页面
</div>

<!-- 底层遮罩层 即遮盖页面 -->
<div id="bg"
        style="display: block; background-color: #ccc; width: 100%; position: absolute; height: 100%; opacity: 0.5; z-index: 1;"></div>