使用绝对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>

这适用于任何其他浏览器，但在我朋友的移动游猎（我的工作），它没有。当我们在将手机连接到Mac后查看开发者工具时，它会显示浏览器将网址加载为 http://domainname.com https://somecdn.com/myapp/public/img/mobile/header.jpg，所以基本上它正在解释绝对网址作为相对路径......这里发生了什么？

Answer 1

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