强制 CSS 背景图片为 HTTPS
Forcing a CSS background image to be HTTPS
我希望使用 HTTPS 保护我的网站，但是我收到一个混合内容错误，因为我的 CSS 文件中的背景图片正在加载为 'http'。
我知道如果你能以某种方式将 'http' 更改为 'https' 那么它将解决错误 - 但是我不知道如何执行此操作，因为我没有使用 Wordpress。
.image-1 {
background-image: url(../images/image1.jpg);
}
.image-2 {
background-image: url(../images/image2.jpg);
}
我该如何解决这个问题？有没有办法强制图像以 HTTPS 方式加载？
谢谢。
您的示例中的图像是相对加载的，因此只要您从中访问网站的解析域已经在使用 TLS，它们就会以 https 的形式提供。
如果您收到混合内容消息，您可能正在提供来自默认网站之外的其他来源的图像或图标。
您可以通过浏览器轻松查看罪魁祸首：
Firefox 示例
点击更多信息
然后点击媒体
只需从您的安全域在本地提供不安全的文件。
我希望使用 HTTPS 保护我的网站，但是我收到一个混合内容错误，因为我的 CSS 文件中的背景图片正在加载为 'http'。
我知道如果你能以某种方式将 'http' 更改为 'https' 那么它将解决错误 - 但是我不知道如何执行此操作，因为我没有使用 Wordpress。
.image-1 {
background-image: url(../images/image1.jpg);
}
.image-2 {
background-image: url(../images/image2.jpg);
}
我该如何解决这个问题？有没有办法强制图像以 HTTPS 方式加载？
谢谢。
您的示例中的图像是相对加载的，因此只要您从中访问网站的解析域已经在使用 TLS，它们就会以 https 的形式提供。
如果您收到混合内容消息，您可能正在提供来自默认网站之外的其他来源的图像或图标。
您可以通过浏览器轻松查看罪魁祸首：
Firefox 示例
点击更多信息
然后点击媒体
只需从您的安全域在本地提供不安全的文件。