經(jīng)常為微信小程序設(shè)置顏色背景，突然發(fā)現(xiàn)一張好看的圖片怎么把它設(shè)置為背景呢?

微信小程序怎樣加背景圖片

以下總結(jié)了三種方法：

1、wxss中通過background-image設(shè)置網(wǎng)絡(luò)圖片來添加背景圖片；

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

推薦學(xué)習(xí)：小程序開發(fā)

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

2、將圖片轉(zhuǎn)為Base64編碼格式，然后使用background-image來添加背景圖片；

background-image:url(轉(zhuǎn)換之后的base64字符串)

3、利用流布局，設(shè)置z-index層級(jí)，將image標(biāo)簽置于底層來添加背景圖片。

//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中文網(wǎng)，大量網(wǎng)站建設(shè)教程，歡迎學(xué)習(xí)！