文档章节

微信网页长按二维码不识别问题

coton_chen
 coton_chen
发布于 2016/12/09 20:53
字数 322
阅读 143
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

问题现象:

如下图,这是设计的布局方式,其中二维码宽高为200px,最下面为一个长页,然后点按钮弹出一个浮层(div + position:absolute),然后其中的二维码怎么样就是不识别。google到这个文章,但是没有解决问题。

问题测试:

然后采用新建一个空白html页面进行测试:

测试1,结果:二维码不识别。代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640, user-scalable=no"/>
</head>
<body>
    <div style="position: absolute;top:300px">
        <img src="images/qrcode.png">
    </div>
</body>
</html>

测试2,结果:二维码不识别,代码如下:

<body>
    <img src="images/qrcode.png" style="position: absolute;top:500px">
</body>

测试3,结果:二维码不识别,代码如下:

<body>
    <img src="images/qrcode.png" style="margin-top:500px">
</body>

测试4,结果:可以识别二维码,最终有效代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640, user-scalable=no"/>
</head>
<body>
    <div style="position: absolute;top:0px;z-index:9;">
        <img src="一个1px*1px的透明png图片" width="640px" height="想要的高度px" alt="">
        <img src="images/qrcode.png">
    </div>
</body>
</html>

© 著作权归作者所有

coton_chen
粉丝 24
博文 25
码字总数 16358
作品 0
静安
架构师
私信 提问
加载中
请先登录后再评论。
一个页面同时出现两个二维码图片,长按识别问题

1、需求   在项目中h5页面内有文章资讯模块,文章详情页里面底部放了公司二维码,然后用户分享的时候,会带上分享者二维码,并且并排展示,用户长按哪个就识别哪个图片二维码; 2、出现问题...

osc_m7kgvwdg
2019/03/22
30
0
微信网页中 多个二维码的识别

微信网页中 长按识别二维码时 如果同一页面中有多个二维码 会随机识别一个二维码的情况..这种状况是不能忍受的.. 在度娘上面搜索一些相关信息,有人说 微信识别二维码的机制是 先整张页面截图...

首席攻城狮
2016/08/03
780
0
微信公众号开发(二)--扫码绑定微信账号

简书地址:https://www.jianshu.com/p/b2884a226247 当业务系统产生消息需要通过微信推送给指定的用户时,首页需要将业务系统类的用户和微信账号建立一个关系。这里采用的是微信网页授权接口...

osc_t6kfzq66
2018/06/24
5
0
AI 时代,爱学习的程序员都关注了这些…

这篇文章推荐了包括技术、设计、极客相关的热门公众号。

p5deyt322jacs
2018/01/07
0
0
jquery实现微信长按识别二维码

1.引入JS库 2.在页面创建一个空的div; 3.生成二维码 注意:这个时候生成的二维码在微信中长安没任何反应,因为qrcode生成的是canvas标签而不是img标签 4.将canvas标签转换为img标签 注意:完...

ht896632
2016/08/24
8.2K
12

没有更多内容

加载失败,请刷新页面

加载更多

自媒体文章原创度检测,可以试一下蚁小二工具

自媒体文章原创度检测,可以试一下蚁小二工具,现在的自媒体人对文章原创度检测这一块还是挺看重的,因为文章的原创度不仅仅和推荐量有关还和质量分值有关,这个时候就可以用到蚁小二工具。 ...

一键分发工具-蚁小二
20分钟前
15
0
Cannot import Sklearn from sklearn.externals.joblib

使用: from sklearn.externals import joblib 报错:Cannot import Sklearn from sklearn.externals.joblib 解决方法: python -m pip install sklearn --upgrade python -m pip install jobli......

hc321
20分钟前
18
0
编程语言那么多,为何建议学习python呢?

  随着互联网技术的发展,大家对于编程的认识越来越系统化了,现在学习编程的年龄越来越小,而编程也成为了我们学习的重要知识。   当然,学习编程知识不分早晚的,也有很多26岁左右才转...

osc_ix000whh
21分钟前
7
0
kubectl的使用

https://kubernetes.io/docs/reference/kubectl/overview/

osc_n1fa9m3z
22分钟前
20
0
2020上海锁博会

上海锁博会将于2020年12月22日至24日在上海新国际博览中心举办“第六届上海国际锁博会”,上海锁博会本来就致力于展现中国作为亚洲最活跃、最具发展潜力的锁具市场之一的独特魅力。 锁博会坚...

osc_uvparld2
23分钟前
14
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部