经常为微信小程序设置颜色背景，突然发现一张好看的图片怎么把它设置为背景呢?
微信小程序怎样加背景图片
以下总结了三种方法：
1、wxss中通过background-image设置网络图片来添加背景图片；
微信小程序中background-image不能使用本地图片
推荐学习：小程序开发
大部分的工资还是以打印工资条的形式进行，偶有公司使用邮件发放工资条，而工资条的现代形式应该是移动工资条，以实现信息的备忘、到达、管理、对帐、环保、高效等需求……，用户已经习惯使用手机（或以其它移动方式）实现一切需求，应用的移动化是大势所趋。工资查查就在这样的背景下诞生，北京亦卓科技于2017的开发并推出了微信小程序工资查查。由于对有用户对数据隐私与安全性的考虑，北京亦卓科技在推出了云端应用--工资
0
background-image:url(https://xxxxxxxxxxxxxxxxxxxxxx)
2、将图片转为Base64编码格式，然后使用background-image来添加背景图片；
background-image:url(转换之后的base64字符串)
3、利用流布局，设置z-index层级，将image标签置于底层来添加背景图片。
//html
<view class="container">
<image src='../image/1.jpg'></image>
<view class='up'>
我是一串字符串
</view>
</view>
//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中文网，大量网站建设教程，欢迎学习！
以上就是微信小程序怎样加背景图片的详细内容，更多请关注php中文网其它相关文章！
微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
957
收藏
