CSS/Стильный дает ошибку 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

Браузер не будет жаловаться, если вы запрашиваете "безопасный" (HTTPS) изображение из незащищенной (HTTP) странице .

Так просто использовать background: url(https://i.imgur.com/cr5pCeF.png) no-repeat !important;

В вашем случае, Google авто-переадресацию с HTTP на HTTPS в любом случае, так что не будет несоответствие.

---

Кроме того, для Стильный на Chrome, вы можете использовать форму автоматического протокола из URL. То есть:

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

Но, к сожалению, это еще не поддерживается в Firefox. Поэтому не используйте это в скриптовых сценариях с несколькими браузерами.