css - CSS/Stylish 在后台给出 HTTP/HTTPS 错误：url()?

Question

我收到了这个错误：

' https://www.google.com/ ' 的页面是通过 HTTPS 加载的，但请求了不安全的图像 ' http://i.imgur.com/#####.png '。此内容也应通过 HTTPS 提供。

我怎样才能解决这个问题？
我的时尚代码：

#hplogo {
    /* these numbers match the new image's dimensions */
    padding-left: 125px !important;
    padding-top: 25px !important;
    background: url(http://i.imgur.com/cr5pCeF.png) no-repeat !important;
}

Answer 1

^{如果您从不安全 (http) 页面1}请求“安全” (https) 图像，浏览器不会抱怨。

所以只需使用background: url(https://i.imgur.com/cr5pCeF.png) no-repeat !important;

¹在您的情况下，Google 会自动从 http 重定向到 https，因此不会出现不匹配的情况。

---

此外，对于 Chrome 上的 Stylish，您可以使用URL 的自动协议形式。那是：

background: url(//i.imgur.com/cr5pCeF.png) no-repeat !important;

但是，不幸的是，Firefox 尚不支持此功能。所以不要在跨浏览器的时尚脚本中使用它。