【问题标题】:Background images - even small ones - not displaying on mobile背景图片 - 即使是小图片 - 也不会在移动设备上显示
【发布时间】:2017-07-06 16:48:47
【问题描述】:

我以前从未遇到过这种情况 - 我的背景图片在桌面上很好,但在移动设备上完全不可见。甚至“位图”版本都没有出现,尽管它们的空间是开放的,可以这么说。

http://www.compassionglobally.org

我在 StackOverflow 上阅读了几个类似的问题,但问题似乎总是文件大小(以及 iOS 在该领域的强制限制)。但即使是非常小的图像(页面下方有四个)也不会显示。

这是一个 WordPress 网站,但我觉得这可能与这里无关......但我想我应该提一下。

非常感谢任何想法或建议!

【问题讨论】:

    标签: ios css wordpress image


    【解决方案1】:

    这是未显示的图像之一,对吧?

    http://localhost/compassionglobally.org/wordpress/wp-content/themes/cg/library/images/site/baby.jpg

    嗯,

    上面的链接指向托管该站点的计算机 (localhost) 上的图像。在您的手机或我的笔记本电脑上都找不到该文件。

    “他们的空间是开放的”这一事实是无关紧要的,因为您已将 div 设置为 250px 高和 250px 宽。

    要解决这个问题,你只需要删除链接开头的“localhost/”,像这样:

    http://compassionglobally.org/wordpress/wp-content/themes/cg/library/images/site/baby.jpg

    【讨论】:

    • 我使用脚本来帮助自动完成更新图像文件路径的任务:interconnectit.com/products/…
    • 你最后的评论到底是什么意思?我的补充只不过是对您已经正确答案的补充。这是一种使任务自动化的著名方式,是的,该脚本确实有效。它运行良好,因为我在大量站点上使用过它(在这个从本地开发环境推送到远程服务器的确切实例中)。
    • @Ryan 哦,对不起,我以为你是 OP 在抱怨什么。
    • 一切都好@James。最初发布时,我可能应该更好地验证我的第一条评论。
    • @Ryan 从下面 OP 的回答来看,你认为我的回答解决了他的问题吗?
    【解决方案2】:

    引用比尔猫的话... ACK!!!

    我对本地开发的“最佳实践”站点构建方法还很陌生,然后上传到服务器。以为我已经制定了一个很好的系统,但我当然忽略了检查我的 CSS 以获取本地参考!

    谢谢,我相信我现在会很快解决这个相当明显的回溯问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-06-17
      • 1970-01-01
      • 1970-01-01
      • 2011-11-26
      • 1970-01-01
      • 1970-01-01
      • 2012-03-09
      • 1970-01-01
      相关资源
      最近更新 更多