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

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");
};

手机端二维码遮罩层加弹窗显示相关推荐

你也可以手绘二维码（二）纠错码字算法：数论基础及伽罗瓦域GF（2^8）
摘要:本文讲解二维码纠错码字生成使用到的数学数论基础知识,伽罗瓦域(Galois Field)GF(2^8),这是手绘二维码填格子理论基础,不想深究可以直接跳过.同时数论基础也是 Hash 算法,RS ...
Unity3D:问题(已解决):如何:实现手机扫描电脑二维码，然后手机上显示此二维码对应的图片
目录一.目的 1.想知道:如何:实现手机扫描电脑二维码,然后手机上显示此二维码对应的图片二.参考 1. 三.注意四.操作:1:失败:草料二维码官方不提供API.SDK等 1. 四.操作:2:失败 ...
二维码的生成加背景图片的嵌套-支付宝(Java)
效果图 1. 安装依赖 <dependency><groupId>com.google.zxing</groupId><artifactId>core& ...
com.google.zxing图片叠加,二维码生成,图片加文字
1.  1 2 3 4 5 6 7 8 9 10 11 <dependency> <groupId>com.g ...
JAVA 生成二维码图片可加Logo
现在二维码在很多地方有运用,在这里写一份简洁明快的代码,方便以后使用.有需要的朋友可以直接复制过去直接使用所需要的jar:QRCode.jar jar下载地址:点击打开链接 package QrC ...
VUE 生成二维码弹框第一次不显示问题DMO延迟方案
nextTick: //vue2用法 this.$nextTick(() => {console.log(123) //});//vue3用法 import { nextTick } from ...
【vue2，3使用QRCode进行二维码的生成和下载】
vue2,3使用QRCode进行二维码的生成和下载 1 vue2使用Qrcode 1.1 安装Qrcode 1.2 引入Qrcode 1.3 生成二维码 1.4 因弹窗显示二维码出现的dom延迟问题解 ...
二维码推广方法20种
二维码推广方法20种二维码,又称二维条码,最早发明于日本,它是用某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录数据符号信息的.在移动互联网发展中顺势成长,已成为当前手机端 ...
进击的二维码 | ArcBlock 课堂预告
ArcBlock Technical Learning Series 第十七期进击的二维码本周三,1 月 30 日下午 1:30 时 (美国太平洋时间 29日下午 21:30 时),由 ArcBl ...

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

手机端二维码遮罩层加弹窗显示相关推荐

最新文章

热门文章