扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家分享的是有关小程序如何设置背景图片的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
创新互联建站专注于义马网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供义马营销型网站建设，义马网站制作、义马网页设计、义马网站官网定制、微信小程序定制开发服务，打造义马网络公司原创品牌,更为您提供义马网站排名全网营销落地服务。
前言：
一开始，打算在wxss文件中使用background-image:url()来设置背景图，但是却出现了报错了，提示：pages/me/me.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用
解决方案：
1、使用网络图片
我们可以把需要的背景图片上传到服务器上，然后使用背景图片地址。
如果我们需要动态改变背景图片，我们可以设置行内样式style绑定变量从而做到动态改变背景图片；
2、利用base64格式的图片
我们可以用base64的图片做到设置背景图片
在这里我推荐一个在线转换的base64图片格式的地址http://imgbase64.duoshitong.com/
选择图片会转换成base64格式的图片
复制里面的代码放到background: url(base64转换的代码);这样既可做到设置背景图片也不用放到服务器上
（学习视频分享：php视频教程）
3、利用image标签做到设置背景图片
思路：我们只要利用css中的z-index改变层级既可做到变成背景图的样子
看代码
wxml：