微信小程序在使用background-image设置背景图时报错：渲染层网络层错误

• pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用标签。

解决办法：

1、 转为base64格式使用

base64格式转换网址： base64格式转换网址

.wxss文件中


.xxxx{
background-image:url("")

2、使用图片的网络地址

.wxss文件中


.xxxx{
background-image:url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201612%2F11%2F20161211094511_HWVue.thumb.700_0.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668675961&t=275e5af9a4e86325ce263a6e6aa8da9c")

3、写成内联样式

  <view  style="background-image: url('/images/user/bf.jpg')"></view>

4、通过image标签

<image src="/images/user/bf.jpg"></image>
<view class="content">~hello~world~</view>

将image标签通过定位实现背景图的效果