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

作者:白雪 | 创建时间: 2023-06-09
设置标签背景图是很常用的,但是在小程序中会遇到背景图片不显示的问题,下面介绍详细的情况。...
如何解决微信小程序本地背景图片不显示

操作方法

新建一个测试小程序 按照提示的操作就可以了,没有 appid选择体验的即可 没有appid无法预览

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

是否是图片的路径错误呢?我们通过image标签查验一下 可以看到图片正常显示了

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

上诉错误提示我们了解到 本地资源无法通过 WXSS 获取 background-image:可以使用网络图片,或者 base64,或者使用<image/>标签 我们验证一下确实得到了预期的效果

还有一点,报错信息中说wxss无法获取本地资源,那么我们用行内样式查看是否可以,删除wxss中的背景。 通过测试我们得到了想要的结果。

点击展开全文

更多推荐