css - Google Chrome 和 Firefox 不显示来自子域的背景图片

Question

我正在尝试使用 CSS 添加背景图像。我正在使用站点构建器系统网络商店（epages），我只能编辑 CSS。

我必须将文件上传到子域，我已经这样做了。以下代码适用于 Edge，但不适用于 Firefox 或 Chrome。

.body {
    background-size: cover;
    background: url('http://content.store-name.com/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

但是，这适用于所有浏览器。由于没有媒体管理器，我正在使用带有隐藏产品图像的 hack 上传到网上商店。

.body {
    background-size: cover;
    background: url('https://store-name.com/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

https 站点上的 chrome 和 firefox 是否会阻止从 http 站点加载 CSS 文件，或者 CSS 通常不能从子域/其他域加载？

标签： cssgoogle-chromefirefoxbackground