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

Question

我收到这个错误：

The page at 'https://www.google.com/' was loaded over HTTPS, but requested an insecure image 'http://i.imgur.com/#####.png'. This content should also be served over 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) 页面请求 "secure" (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 中尚不支持。所以不要在跨浏览器的 Stylish 脚本中使用它。

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

CSS/Stylish gives HTTP/HTTPS error in background: url()?

css

firefox

google-chrome

stylish