小程序引入背景圖片不顯示問題解決


小程序在css樣式文件里面直接 background-image引入本地背景圖是不生效的

.header{
width:100%;
height:420rpx;
background-image: url("/static/image/bg.jpg");
background-size: 100%;
background-color: red;
}
三種解決辦法:

 1.將路徑改成可以直接訪問的絕對路徑

background-image: url("http://pic20.photophoto.cn/20110902/0034034471873095_b.jpg");

2.直接用image標簽代替樣式背景圖

mpvue寫法:<img src="/static/image/code.jpg" alt="">
原生小程序:<image src='../image/code.jpg'></image>

3.直接在標簽上寫入樣式

<div class="header" style="background-image: url('/static/image/bg.jpg')">
</div>

base64圖片在線轉換工具:
http://tool.chinaz.com/tools/imgtobase/

 


原文鏈接:https://blog.csdn.net/love_fish_dream/article/details/84644438


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM