手机端二维码遮罩层加弹窗显示

1.css代码

#cover {
     position: fixed;
     left: 0px;
     top: 0px;
     background: rgba(0, 0, 0, 0.5);
     width:100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
     height: 100%;
     filter: alpha(opacity=100); /*设置透明度为100%*/
     opacity: 1; /*非IE浏览器下设置透明度为100%*/
     display: block;
     z-Index: 999;
     display:none
}
 #cover img{
     width: 160px;
     height: 160px;
     margin:0 auto;
 }

2.html代码

<div id="cover" onclick="hidecover()">
    <div style="width:166px;z-index:9999;height:182px;background-color: #f0f0f0;align-self: center;margin:0 auto;text-align: center">
        <img src="1.png" />
        <span>长按保存</span>
    </div>
</div>
<div class="customer_service">
    <a id="customer_photo" onclick="citoggle()">&nbsp;</a>
</div>

3.js代码

function citoggle(){
   $("#cover").css("display","flex");;
}

function hidecover(){
   $("#cover").css("display","none");
};