經常為微信小程式設定顏色背景，突然發現一張好看的圖片怎麼把它設定為背景呢?
微信小程式怎麼加背景圖片
以下總結了三種方法：
#1、wxss中透過background-image設定網路圖片來新增背景圖片;
微信小程式中background-image不能使用本機圖片
推薦學習：小程式開發
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中文網其他相關文章！
