收藏
回答

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



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

45 个回答

  • 人间
    人间
    2020-04-01

    至今还有这个bug

    2020-04-01
    有用 4
    回复
  • ChrisZuo
    ChrisZuo
    2022-02-12

    2022年了,这个问题依然存在[捂脸]

    2022-02-12
    有用 2
    回复 1
    • xawqzc
      xawqzc
      2022-02-12
      刚被这个bug折磨了两天
      2022-02-12
      回复
  • 袁沐木
    袁沐木
    2023-10-10

    也许官方觉得这个不算bug吧。

    能通过hack方式解决的事情能叫做bug吗,将就着用吧。

    不然还体现不出来小程序开发的技术含量来了。

    2023-10-10
    有用 1
    回复
  • 渐懂
    渐懂
    2023-05-21

    2023年了,这个bug还在

    2023-05-21
    有用 1
    回复
  • 李浩然
    李浩然
    2022-08-21

    2022/8/21 日打卡,现在这个bug【解决了】:开发工具也不显示了

    2022-08-21
    有用 1
    回复
  • 地平线之光
    地平线之光
    2022-01-18

    2022年了,bug还没修复

    2022-01-18
    有用 1
    回复
  • 西瓜蓬蓬
    西瓜蓬蓬
    2021-11-16

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

    2021-11-16
    有用 1
    回复
  • Chris(绿化芒)
    Chris(绿化芒)
    2021-02-02

    只能用base64处理。。。。。

    2021-02-02
    有用 1
    回复
  • 柠檬茶
    柠檬茶
    11-20

    2024-11-20 bug依然存在。。。。。。

    11-20
    有用
    回复
  • halo
    halo
    11-15

    2024-11-15了,bug依然存在。

    11-15
    有用
    回复

正在加载...

登录 后发表内容