Это потому, что CSS-файл ссылается на http://
, а веб-страница на https://
Это известно как ошибка "Смешанный контент"
Если ваш сайт работает на http://
и https://
, то есть 2 варианта
- Переадресация версии
http://
вашего сайта на версию https://
(рекомендуется)
Сделайте ссылки на ваш css-файл «относительной схемой» (также известной как «относительный протокол»), используя только // (две косые черты) вместо http://
или https://
например. //css/mycssfile.css вместо http://css/mycssfile.css
Схема относительных URL (начиная с //) будет использовать тот же протокол, что и веб-страница.
Так что, если ваша страница на https://
, то //css/mycssfile.css
означает, что используйте https://
для получения файла css. То же самое касается http://
, // означает использование http://
для получения файла css.