微信小程式怎麼加背景圖片

經常為微信小程式設定顏色背景，突然發現一張好看的圖片怎麼把它設定為背景呢?

微信小程式怎麼加背景圖片   

以下總結了三種方法：

#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中文網，大量網站建立教學，歡迎學習！

以上是微信小程式怎麼加背景圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！