微信小程序中wxss中使用background-image无效的问题

微信小程序中wxss中使用background-image无效的问题

微信小程序前期开发过程中在wxss中使用css的背景图片属性会发现报错
在wxss中是无法引用本地包文件中存放的图片的

解决方案

1、引用网络路径的图片和bs64数据格式的图片。
2、如何这个时候后台还在忙着写接口，那好吧你为了能够及时看到效果，这是难不倒你的对吧，可以先在wxml中使用style属性呀。
3、这种方法可能比较差劲，急速使用使用image标签然后在wxss中将这个图片的z-inde设置的低一点正常的时候是1；

bs64数据格式的图片都是比较大的

bs64格式的图片都比较大，但是你开发过程中为了图片的美感少不了引用这样的图片而且对于一些项目来说需要引用的图片可能会很大，这就在无形中增加了你的项目包的文件，在推崇轻量级的微信小程序中和同类型的微信小程序比较你可能就是失去了一部分的用户量，现在这个大数据的时代用户量有多么重要，不需要我多说，但是为了项目的情况下你又会陷入深思的局面。
这样引用wxml中style属性来展示图片就是你不得考虑的问题了。

解决方案的代码块

//方法 一此方法可以使用网站上右键图片的网路路径的图片
//方法二
	<view style="background:'../../../img/icon.png'; "></view>
//方法三所用到的 是网站开发中针对浮动属性互相遮盖元素的属性
	{
	 	z-index:1;        //正常为1一般情况先2位盖住1 而1会盖住 -1的内容
 	}