小程序在样式文件里面直接通过 background引入本地背景图是不显示的。

四种解决办法：

1.将路径改成可以直接访问的绝对路径

2.直接用image标签代替样式背景图

mpvue写法：

原生小程序：

3.直接在标签上写入样式

4.将图片转换为base64编码

关于base64编码

支持 PNG、GIF、JPG、BMP、ICO 格式。

将图片转换为Base64编码，可以让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。 这对于一些小的图片是极为方便的，因为你不需要再去寻找一个保存图片的地方。

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

CSS中使用： background-image: url("https://img-blog.csdnimg.cn/2022010705043726479.png");

HTML中使用：

将图片转换成base64编码的，在web网上一般用于小图片上，不仅可以减少图片的请求数量（集合到js、css代码中），还可以防止因为一些相对路径等问题导致图片404错误。

参考链接： http://imgbase64.duoshitong.com/ https://blog.csdn.net/love_fish_dream/article/details/84644438