微信小程序，wxss设置背景图的坑！

wxss 和 css 还是有很多区别的，昨天我在wxcss设置了 background-image 背景图片，但是死活就是显示不出来，后来发现，wxss里面是不可以调用本地图片的，经过研究只能通过以下三种方法解决了！

1. 调用网络图片

这种方法从最根本上解决了问题，但是如果没有自己的服务器来放置图片的话，这个方法就行不通了。

.test {
    background-image: url('https://www.a.com/images/abc.png');
}

2. 图片转Base64

这种方法简单粗暴，有一个弊端，就是如果你需要采用图片定位的话，可能无法成功定位，不过做小程序的话，这些都是可以变通的，现在做图片定位的也不多了，所以这个方法还是比较方便的。

.test {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAAxxxxxxxxx);
}

3. 采用image标签

这种方法只能说是简单问题复杂化了，直接采用image标签加载图片，然后再多image标签做样式。

<image src="/images/aaa.png"/></image>

总结

以上三种方法，个人比较建议采用第一种和第二种，主要是看个人选择，第一种没有服务器的话可以使用腾讯或者阿里的oss来存放图片，如果图片比较少，基本也没啥费用。