2022微信小程序怎样加背景图片

程序员必备接口测试调试工具：立即使用
Apipost = Postman + Swagger + Mock + Jmeter
Api设计、调试、文档、自动化测试工具
后端、前端、测试，同时在线协作，内容实时同步

微信小程序怎样加背景图片

以下总结了三种方法：

1、wxss中通过background-image设置网络图片来添加背景图片；

微信小程序中background-image不能使用本地图片

推荐学习：小程序开发

background-image:url(https://xxxxxxxxxxxxxxxxxxxxxx)

2、将图片转为Base64编码格式，然后使用background-image来添加背景图片；

background-image:url(转换之后的base64字符串)

3、利用流布局，设置z-index层级，将image标签置于底层来添加背景图片。

//html

  
  
    我是一串字符串
  

//css
.container{
  width: 100%;
  height: 600rpx;
  margin: 0;
  padding: 0;
  position: relative;
}
image{
  position: absolute;
  width: 100%;
  height: 600rpx;
}
.up{
  position: absolute;
  z-index: 1;
}

PHP中文网，大量网站建设教程，欢迎学习！

以上就是微信小程序怎样加背景图片的详细内容，更多请关注zzsucai.com其它相关文章！