收藏
回答

小程序css引用自己刚发布到线上服务器的图片作为背景图,无法显示?

由于引入图片太多,小程序代码超过2m,因此采取引入线上图片资源的方式减少代码体积。

目前在引入刚上传到线上的图片资源作为背景图片的时候,在真机中无法显示出来,而开发者工具可以显示,并且在浏览器打开该链接也可以看到图片。

请问下有大佬出现过这种问题吗?或者有什么思路想法的可以帮忙下。

下图第一张为真机, 第二张为开发者工具

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

5 个回答

  • 刘高艺
    刘高艺
    2020-10-30

    可以把图片转换为base64写到css里

    2020-10-30
    有用
    回复 1
    • 青天如墨
      青天如墨
      2020-11-03
      嗯嗯,这样可以解决,不过这边问题是小程序只能2m,不能放太多图片,所以才放到服务器上
      2020-11-03
      回复
  • AKA. 皮卡超
    AKA. 皮卡超
    2020-10-30

    背景图的不能放在css里面,否则无法保证ios和android是一样的效果。

    把background-image放在行内,写内联样式

    2020-10-30
    有用
    回复
  • 一起吃火锅
    一起吃火锅
    2020-10-30

    贴出你CSS引入背景图的代码

    2020-10-30
    有用
    回复 1
    • 青天如墨
      青天如墨
      2020-10-30
      2020-10-30
      回复
  • 你好耀眼。
    你好耀眼。
    2020-10-30

    这张图片的服务器域名是否有在开发设置中配置?没有配置的话线上看不到的哦。

    2020-10-30
    有用
    回复 12
    • 青天如墨
      青天如墨
      2020-10-30
      有的,已经配置过了
      2020-10-30
      回复
    • 你好耀眼。
      你好耀眼。
      2020-10-30回复青天如墨
      方便贴个代码片段给我看看吗?(微信开发者工具-项目-新建代码片段)
      2020-10-30
      回复
    • 青天如墨
      青天如墨
      2020-10-30回复你好耀眼。
      代码片段没办法真机调试看不到什么效果吧
      2020-10-30
      回复
    • 你好耀眼。
      你好耀眼。
      2020-10-30回复青天如墨
      复制一下到自己项目不就可以看了吗?这不是问题关键啊,请问开发版本查看有问题吗?
      2020-10-30
      回复
    • 青天如墨
      青天如墨
      2020-10-30回复你好耀眼。
      我就是在开发版上看的
      2020-10-30
      回复
    查看更多(7)
  • 默
    2020-10-30

    真机打开调试 看下页面是否报错

    2020-10-30
    有用
    回复 1
    • 青天如墨
      青天如墨
      2020-10-30
      看了下,暂时没有报错
      2020-10-30
      回复
登录 后发表内容
问题标签