强制CSS背景图片为HTTPS

时间:2019-05-14 08:50:40

标签: html css https background-image mixed-content

我希望使用HTTPS保护我的网站,但是由于来自CSS文件的背景图片加载为“ http”,因此收到混合内容错误。

我知道您是否可以将“ http”更改为“ https”,那么它将解决错误-但是由于我没有使用Wordpress,因此我不知道如何执行此操作。

.image-1 {

  background-image: url(../images/image1.jpg);
}

.image-2 {

  background-image: url(../images/image2.jpg);
}

如何解决此问题?有什么方法可以强制将图像加载为HTTPS?

谢谢。

1 个答案:

答案 0 :(得分:1)

示例中的图像被相对加载,因此只要您从其访问站点的解析域已经在使用TLS,它们就将用作https。

如果收到混合内容消息,则除了默认网站外,您可能还会从其他来源提供图像或图标。


您可以轻松地从浏览器查看罪魁祸首:

Firefox示例

点击更多信息

enter image description here

然后点击 MEDIA

enter image description here

仅从安全域本地提供不安全文件。