收藏
回答

关于微信background-image在真机展示不出来的解决方案

假设文件目录结构为如下形式,我们需要在index这个page中引用main_bg.png这个文件



平时我们的做法都是在wxss中或者元素的style中指定background-image: url("/images/main_bg.png")

但是这种做法在开发工具上可以展示,在真机上却展示不出来,这个应该是个bug。


解决方案如下:


只能在wxml中的style中指定background-image,并且url中最前面的/需要去掉。(在wxss中指定无效,加上'/'也会无效)


但是这个方案在开发工具中无法正常预览,所以大家可以先通过在wxml中指定background-image: url('/images/main_bg.png'),待开发完成要在真机预览时,再把最前面的'/'去掉即可


当然最好是希望微信团队能够早点解决这个小bug



回答关注问题邀请回答
收藏

47 个回答

  • 等待着
    等待着
    2023-03-20

    2023年了,这个bug还存在

    2023-03-20
    有用
    回复
  • Neo
    Neo
    2022-12-12

    2022年12月12日,这个bug仍然存在


    2022-12-12
    有用
    回复
  • 梧桐树下转圈圈
    梧桐树下转圈圈
    2022-05-16

    2022/05/16 还在,希望别人疑惑的时候能快点看到这个,少浪费点时间吧

    2022-05-16
    有用
    回复
  • bug制造小能手
    bug制造小能手
    2022-02-23

    2022.2.23bug还在,昨晚发现,今天处理了,网上说base64 也没解决

    2022-02-23
    有用
    回复
  • xawqzc
    xawqzc
    2022-02-12

    2022/2/12,现在还没有修.......

    害的我浪费了2天时间

    2022-02-12
    有用
    回复
  • 晓
    2021-12-31

    2021年11月16日,这个bug仍然存在

    

    2021-12-31
    有用
    回复
  • 曾洋
    曾洋
    2021-11-21

    大家好,现在是2021/11/21,此问题还在。。。。

    2021-11-21
    有用
    回复
  • 飞奔的雪糕
    飞奔的雪糕
    2021-10-29

    至今还有这个bug

    2021-10-29
    有用
    回复
  • 赵健棋
    赵健棋
    2021-09-26

    我说为什么真机测试的时候没有图片,原来罪魁祸首在这里。试了一下,果然是这么回事,要么模拟器能加载出来,要么手机能加载出来。(这都快2021年10月了,这个问题咋还存在。。。。)

    2021-09-26
    有用
    回复
  • 🤡 Carlos White
    🤡 Carlos White
    2021-07-05

    2021年7月,还有这个bug

    2021-07-05
    有用
    回复

正在加载...

登录 后发表内容