Load CSS Images under HTTPS

Question

If I have a CSS file that loads with HTTPS (e.g. https://www.mydomain.com/includes/style.css) that contains

body { background:url("../images/background.png"); }

The background pic loads like: (without HTTPS). Do you know a quick fix around this without putting the full path to the CSS file (needs to be relative)? I'm looking for the easiest fix!

Thanks in advance!

Gabriel

Cholesterol · Accepted Answer · 2013-07-11 14:30:40Z

2

I think that you should give a try to protocol URLs (network-path reference) to solve your problems when you use HTTP mixed with HTTPS. So your CSS will be in this case something like this :

body { background:url("//www.mydomain.com/images/background.png"); }

answered Jul 11, 2013 at 14:30

Cholesterol

1779 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Load CSS Images under HTTPS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related