小程序背景图片设置方法

3、利用image标签做到设置背景图片

思路：我们只要利用css中的z-index改变层级既可做到变成背景图的样子

看代码

wxml：

<view class = "login-box" >
   //本地图片
  <image src='../../../static/images/login_bg.png'></image>
</view>

wxss：

page{
 height: 100%;
 width: 100%;
}
.login-box {
  height: 100%;
}
 
image {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  z-index: -999;
}

这样我们也可以做到背景图的效果。

相关推荐：小程序开发教程

以上就是小程序背景图片设置方法的详细内容，更多请关注群英网络其它相关文章！