最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
微信小程序背景圖片顯示不出來怎么辦

小編給大家分享一下微信小程序背景圖片顯示不出來怎么辦,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

站在用戶的角度思考問題,與客戶深入溝通,找到太和網(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