小程序背景图设置问题

小程序背景图设置问题

我们都知道，通常用css给页面加背景，有两种形式，相对路径（本地图片），绝对路径（网络图片）

网络图片：

类名{
	background-image:url("网络地址");
}

本地图片：

类名{
	background-image:url("../../图片名称");
}

而我们在微信小程序当中用本地图片设置背景会报这样的错

本地资源图片无法通过WXSS获取，并且在页面当中不展示

解决方案：

1、用网络图片

2、将背景图片使用编码base64进行转换，但这有一缺点就是图片转码出来的内容太长，占用我们大量的代码空间。

3、使用小程序自带的组件image添加本地图片。