微信小程序在.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组件。如果想将图片作为背景,而且上面还排列其他的一些组件的话,需要使用定位布局了。

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