如何解决微信小程序本地背景图片不显示

 时间:2026-02-15 07:40:05

1、新建一个测试小程序

按照提示的操作就可以了,没有 appid选择体验的即可

没有appid无法预览

如何解决微信小程序本地背景图片不显示

如何解决微信小程序本地背景图片不显示

2、给标签元素设置背景图片

但是并没有显示背景图片,只显示了设置的背景颜色。

如何解决微信小程序本地背景图片不显示

3、是否是图片的路径错误呢?我们通过image标签查验一下 

可以看到图片正常显示了

如何解决微信小程序本地背景图片不显示

如何解决微信小程序本地背景图片不显示

4、上述说明我们图片路径引入并没有错误 ,查看控制台,背景图片已经报错了!!

如何解决微信小程序本地背景图片不显示

5、上诉错误提示我们了解到

本地资源无法通过 WXSS 获取

background-image:可以使用网络图片,或者 base64,或者使用<image/>标签

我们验证一下确实得到了预期的效果

如何解决微信小程序本地背景图片不显示

6、还有一点,报错信息中说wxss无法获取本地资源,那么我们用行内样式查看是否可以,删除wxss中的背景。

通过测试我们得到了想要的结果。

如何解决微信小程序本地背景图片不显示

如何解决微信小程序本地背景图片不显示

  • 怎么来获取图片url地址
  • 微信开发者工具怎么使用
  • 微信小程序怎么修改体验版页面路径
  • 如何使用命令行创建uni-app并编译成微信小程序
  • 如何利用微信小程序开发工具设计出不同样式按钮
  • 热门搜索
    苹果用什么助手好 小腿粗穿什么鞋子 有什么好看的电影啊 鬼吹灯之精绝古城结局什么意思 afk是什么意思 被套什么材质的好 治灰指甲用什么药 柳树叶子像什么 婴儿浴盆什么牌子好 出水芙蓉是什么意思