html - 使用绝对 URL 时，CSS 背景图像未在移动 Safari 上加载

Question

CSS

  #header {
    background: url('https://somecdn.com/myapp/public/img/mobile/header.jpg') top center no-repeat;
    width: 640px !important;
    position: relative;
    height: 98px;
  }

HTML

<div id="header">...</div>

这在任何其他浏览器上都可以正常工作，但在我朋友的移动 safari（我的手机上）上却不行。将手机连接到mac后查看开发者工具，显示浏览器加载url为http://domainname.com https://somecdn.com/myapp/public/img/mobile/header.jpg，所以基本上它将绝对url解释为相对路径......这里发生了什么？

Answer 1

这就是发生的事情。正如你在我的帖子中看到的那样。我们的网站不在 https 上，但资产在。大多数浏览器都能很好地处理这个问题，但是这个特定的移动浏览器没有处理它。我们只是使用了 http 版本的资产，一切都很好...... – Ryan Her 45 秒前编辑