微信小程序可以使用背景图片么 怎么调用

本文主要介绍了微信小程序可以使用背景图片么，以及调用背景图的方法，三种方法，推荐给有此需要的朋友，根据自己的需求选择一种合适的方式，值得一试。

一、微信小程序可以使用背景图片么？

可以。

二、微信小程序怎么调用背景图片？

1、使用网络图片

可以把需要的背景图片上传到服务器上，然后使用背景图片地址。

需要动态改变背景图片，我们可以设置行内样式style绑定变量从而做到动态改变背景图片。

2.利用base64格式的图片

可以用base64的图片做到设置背景图片，找个在线转换的base64图片格式，选择图片会转换成base64格式的图片

复制里面的代码放到background: url(base64转换的代码);这样既可做到设置背景图片也不用放到服务器上

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;
}

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

以上就是关于小程序调用背景图的所有内容，希望可以帮到大家，欢迎扫码加微信一起交流~