CSS background-image, выдающее предупреждение о смешанном контенте по SSL - PullRequest
2 голосов
/ 08 июня 2011

Я пробовал многочисленные методы загрузки фоновых изображений CSS через SSL без предупреждения о смешанном контенте.

На этой странице например: https://www.statcentric.com/login/default.aspx

Вы видите, что сообщение появляется.

Для логотипа (logo.png) я попытался использовать метод без протокола, например:

span#logo
{
    background: url(//www.statcentric.com/images/logo.png) no-repeat scroll 0 0 transparent;
}

Для фона (bg.jpg) я попытался использовать относительный путь, например:

body
{
    color: #191919;
    background: #f2f2f2 url(../../images/bg.jpg) repeat-x top;
}

Однако, как вы увидите, оба эти изображения все еще помечены как смешанные.

Любая помощь приветствуется!

Ответы [ 2 ]

1 голос
/ 09 ноября 2012

В зависимости от вашего допуска для старых браузеров, вы можете попытаться сделать ваши изображения встроенными в кодировку base64; URI данных другими словами.

Это делает ваши CSS-файлы больше и усложняет обслуживание, поэтому вам придется взвесить размер CSS-файла в сравнении со стоимостью запроса SSL. Для небольших изображений я обычно нахожу размер файла CSS лучшим выбором.

Другой вариант, который я знаю, если два разных файла CSS; один для ssl и один для нет.

1 голос
/ 05 июня 2012

Вы пробовали направлять ваши изображения из корня? ех. URL ( '/ изображения / bg.jpg')

...