小程序 background-image背景图片设置的注意点
生活随笔
收集整理的這篇文章主要介紹了
小程序 background-image背景图片设置的注意点
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
微信小程序通過(guò)background-image設(shè)置背景:只支持線上圖片和base64圖片,不支持本地圖片;base64圖片設(shè)置步驟如下:
1.在網(wǎng)站http://imgbase64.duoshitong.com/上將圖片轉(zhuǎn)成base64格式的文本
2.在WXSS中使用以上文本:background-image: url(“data:image/png;base64,iVBORw0KGgo=…”);
3.為了是背景圖片自適應(yīng)寬高,可以做如下設(shè)置:
background-repeat:no-repeat;
background-size:100% 100%;
-moz-background-size:100% 100%;
總結(jié)
以上是生活随笔為你收集整理的小程序 background-image背景图片设置的注意点的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Python3异常处理
- 下一篇: 基于DS3231实时时钟模块的stm32