微信小程序在.wxss中設置背景圖片時報錯提示:.wxss 中的本地資源圖片無法通過 WXSS 獲取,可以使用網絡圖片,或者 base64,或者使用image標籤。

遇到情況:

直接在.wxss中使用本地圖片爲view設置背景圖片,代碼如下:

/* pages/user/user.wxss */
.top{
  width:500px;
  height:200px ;
  background-image: url(../../images/bg.png);
}

報錯提示:

會出現如上問題,微信小程序不能用CSS的方法加載本地圖片,比如background-url(),除非你把本地圖片base64化,否則只能夠用image組件。如果想將圖片作爲背景,而且上面還排列其他的一些組件的話,需要使用定位佈局了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章