遮罩层

遮罩层

直接上代码

html

<div class="preview-qrcode" id="preview-qrcode" style="display: block;">

        <span class="qr-tips">扫一扫，手机上观看</span>
</div>

css

.preview-qrcode {

background-color: rgba(0, 0, 0, 0.6);
    border: medium none;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;

}