CSS / Stylish在后台提供HTTP / HTTPS错误:url()?

时间:2016-02-25 02:16:57

标签: css google-chrome firefox stylish

我收到了这个错误:

  

' 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;
}

1 个答案:

答案 0 :(得分:0)

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

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

1 在您的情况下,Google无论如何都会自动从http重定向到https,因此不会出现不匹配。

此外,适用于Chrome上的时尚,您可以使用网址的自动协议表格。那就是:

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

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