收藏
回答

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

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

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

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

    2024-11-15
    有用
    回复
  • 哄哄
    哄哄
    2024-11-05

    2024-11-05 bug依然存在。

    2024-11-05
    有用
    回复
  • 土豆
    土豆
    2024-08-27

    2024-08-27了,bug依然存在。

    2024-08-27
    有用
    回复
  • 无心
    无心
    2024-06-25

    24/6/25打卡,bug还在

    2024-06-25
    有用
    回复
  • 憨憨(如约而至-许嵩)
    憨憨(如约而至-许嵩)
    2024-05-08

    2024年5/8这个bug还在

    2024-05-08
    有用
    回复 1
    • 山禾
      山禾
      2024-08-22
      兄弟 怎么可以再真机上体现呀
      2024-08-22
      回复
  • Hi
    Hi
    2024-04-30

    24年了,这个问题解决了吗

    2024-04-30
    有用
    回复
  • 东边的冬
    东边的冬
    2024-03-29

    这么久了bug依然存在。如何是好?微信要落幕了嘛?

    2024-03-29
    有用
    回复
  • Koizora
    Koizora
    2024-03-13

    2024 年 3 月 13 日了,问题依然存在!!!

    2024-03-13
    有用
    回复
  • 晚风
    晚风
    2024-03-05

    已经2024了,七年的陈年老BUG,依然存在~

    2024-03-05
    有用
    回复

正在加载...

登录 后发表内容