微信小程序 背景图使用方式

微信小程序在使用本地背景图，在模拟器可以正常显示，但是在手机上是无法显示的。

在使用背景图的时候，推荐有2种方式：

1、使用在线的url

这样方式简单，前提是有外网服务器，将图片放在服务器直接引入地址即可。

2、另一种方式就是将图片进行base64编码

base64地址：http://imgbase64.duoshitong.com/

假定生成的代码为"data:image/jpeg;base64, ....."，那么你只需要全部复制，然后在插入图片的时候，地址填写这段代码即可。

1)、CSS中使用：background-image: url("data:image/png;base64,iVBORw0KGgo=...");

2)、HTML中使用：<img src="data:image/png;base64,iVBORw0KGgo=..." />

欢迎在微信小程序搜索"小熊实用工具集合"，关注实用工具的小程序。

欢迎在微信小程序搜索"代码的日常"，关注公众号。