问题场景:
css 和行内样式给元素写背景图片(本地图片)时,在开发者工具里看完全没有问题,但是预览和体验版都不显示这个背景图!!!
解决方案:
1. 利用在线转换工具将图片转成base64格式,再应用到背景图中,成功显示。
2. 上传图片到oss或者cdn中,转成http/https 开头的图片链接,应用到背景图中,成功显示。
其实我这里主要坑的是,这次是更改图片,之前的图片只有几kb,小程序会自己给他转成base64格式,然后这边图片名称,应用路径什么都没有改动,只是替换了图片的内容。
这种之前是正常显示,然后换个图就不显示,很容易以为是图片缓存问题!!!,或者是微信自己机制的问题。
小程序中,背景图不显示需要首先排查元素背景图的渲染格式!!!!