项目开发过程中,往往会遇到小程序某个模块需要添加个背景图片,
css中添加背景图片的方法是 background : url( ... ) no-repeat 0px 0px;
但是小程序添加背景图片的方法并不适用上述方式,你只能在 view 中加一个 image标签 ,然后让这个标签设置定位,并且 z-index:-1 即可。
<view class="dis">
<image class="freeBG" src="../../images/freeBG.png"></image>
<view class="free-item"></view>
<view class="free-item"></view>
</view>
.freeBG{
width: 100%;
height: 330rpx;
position: absolute;
z-index: -1;
}
后期补充:
今天发现小程序支持在wxss中使用 background: url('网络图片地址'),但是不支持url内放本地图片地址,会报错,只支持网络地址图片。