Сообщение безопасности для Internet Explorer из-за стиля background-url

Question

Я нахожусь на сайте https и получаю всплывающее сообщение безопасности "У вас смешанный контент, незащищенные элементы на защищенной странице". Это похоже на удаление встроенного стиля: background-image:url('../images/img.png') устраняет проблему. Кто-нибудь знает почему?

<div style="background-image:url('../images/img.png')" />

В Internet Explorer мне интересно, использует ли 'background-image: url' другой механизм загрузки.

Это IE7-8.

Вот связанная ошибка от Microsoft, но я все еще не могу найти более подробную информацию о том, что не так с IE. Ссылка: http://support.microsoft.com/kb/925014

Answer 1

Мне кажется, что даже несмотря на то, что вы используете HTTPS для просмотра страницы, IE пытается загрузить изображение, на которое ссылается CSS, через HTTP-соединение, независимо от того, что на самом деле использует страница (отсюда сочетание безопасного и небезопасный контент).

Попробуйте изменить ссылку в CSS на абсолютную ссылку, используя HTTPS:

background-image:url('https://site.com/images/img.png');

Answer 2

У меня была такая же проблема совсем недавно.Я решил это, переключив свой синтаксис с этого:

body{
  background:#600 url('webpage_back.png') fixed no-repeat top center;
}

на это:

body{
  background:#600 url('webpage_back.png') no-repeat fixed center top;
}

Надеюсь, это поможет!

Answer 3

Это потому, что фоновое изображение приходит из HTTP-запроса, а не HTTPS, поэтому и называется смешанным контентом.

Чтобы быстро решить эту проблему, просто переместите фоновое изображение в веб-сервер местоположения HTTPS

background-image:url('https://yourdomain../images/img.png')