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

时间  2019-11-17
标签 微信 网页 二维 识别 问题 栏目 HTML 繁體版
原文   原文链接

问题现象：html

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

问题测试：测试

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

测试1，结果：二维码不识别。代码以下：spa

<!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，结果：二维码不识别，代码以下：scala

<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，结果：能够识别二维码，最终有效代码以下：code

<!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>
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程