收藏
回答

关于微信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 个回答

  • 逥忆の秋千
    逥忆の秋千
    2024-02-29

    7年了这个bug还在...

    2024-02-29
    有用
    回复
  • 志负责CV,不负责逻辑
    志负责CV,不负责逻辑
    2023-11-20

    马上2024了,还存在

    2023-11-20
    有用
    回复
  • 小草
    小草
    2023-11-19

    马上 2024 了 这个 bug 还在

    2023-11-19
    有用
    回复
  • 夜色
    夜色
    2023-08-05

    2023年8月5日,还没解决,看来要传世了

    2023-08-05
    有用
    回复
  • 年少轻狂
    年少轻狂
    2023-07-06

    都2023年了,这个方法还能用!小程序团队是没想着去解决啊

    2023-07-06
    有用
    回复
  • 🇬 🇧 🇦
    🇬 🇧 🇦
    2023-06-26

    怎么还不解决

    2023-06-26
    有用
    回复
  • 钱多多
    钱多多
    2023-06-02

    问题依然存在!!!

    2023-06-02
    有用
    回复
  • 暖曦cium
    暖曦cium
    2023-05-11

    2023/05/11 这个bug还在

    2023-05-11
    有用
    回复
  • 🌈Stop:0×00000000
    🌈Stop:0×00000000
    2023-05-05

    2023年5月了...BUG还是在...鹅厂果然是从来不看社区反馈的...

    2023-05-05
    有用
    回复
  • FIFA
    FIFA
    2023-05-05

    2023年了这个bug还在

    2023-05-05
    有用
    回复

正在加载...

登录 后发表内容