新聞中心
小編給大家分享一下微信小程序背景圖片顯示不出來怎么辦,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
站在用戶的角度思考問題,與客戶深入溝通,找到太和網(wǎng)站設(shè)計(jì)與太和網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請(qǐng)、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋太和地區(qū)。
開發(fā)小程序的時(shí)候,設(shè)置頁面的背景,用到css代碼:
.page__bd{ width: 100%; height: 220px; background: url('../../assets/img/images.jpg') no-repeat; background-size: 100% 100%; }
在調(diào)試工具上是顯示的,但是掃面上傳到手機(jī)上卻顯示不出來。
這是由于:background-image 只能用網(wǎng)絡(luò)url或者base64圖片編碼 , 本地圖片只能用 image標(biāo)簽src屬性才行。當(dāng)然 image標(biāo)簽src屬性也可以使用網(wǎng)絡(luò)url或者base64圖片編碼。
解決方法:
下面通過 image 標(biāo)簽src屬性設(shè)置,實(shí)現(xiàn)背景圖顯示
界面結(jié)構(gòu):
wxss樣式:
.set-background { display: flex; flex-direction: column; align-items: center; height: 150px; } .set-background-avatar { width: 220px; height: 150px; } .background-content { position: absolute; z-index: 1; } .background-image { width: 225px; height: 150px; opacity: 0.8; } .post-specific-image { width: 215px; height: 150px; vertical-align: middle; }
看完了這篇文章,相信你對(duì)“微信小程序背景圖片顯示不出來怎么辦”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)站名稱:微信小程序背景圖片顯示不出來怎么辦
新聞來源:http://fisionsoft.com.cn/article/gijppj.html