Geek asks and answers

Security message for Internet Explorer due to background-url-style

I am on an https site and receive a security pop-up message: "You have mixed content, unprotected elements on a secure page." This is like removing the inline style: background-image:url('../images/img.png')fixes the problem. Does anyone know why?

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

Internet Explorer wonders if "background-image: url" uses a different loading mechanism.

This is IE7-8.

Here is a related bug from Microsoft, but I still can’t find more details on what is wrong with IE. Help: http://support.microsoft.com/kb/925014

+3
source share
3 answers

, HTTPS , IE , CSS, HTTP-, , (, ).

CSS HTTPS:

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

, HTTP-, HTTPS, .

, - HTTPS

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

I had the same problem a little bit back. I solved this by switching my syntax:

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

:

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

Hope this helps!

+1
source

More articles:


All Articles