Hacker News Reader

How would I make sure my off-domain images, that are referenced in css, are linked with http when the connection is non-ssl, and https, when the connection is ssl? Currently I make the server link to two separately cached css files (depending on secure or not), which are themselves dynamically generated with an ssl flag.

Does SASS offer a solution for this?

View on HN

Instead of specifying http://example.com/foo.png or https://example.com/foo.png, you can just use //example.com/foo.png. AFAIK the only downside to that is older versions of IE (6 & 7 I think) will download the image twice for some reason.

It's actually IE7 and IE8, and only for CSS file URLs (as opposed to URLs in CSS files). Details of protocol-relative URLs here:

http://blog.httpwatch.com/2010/02/10/using-protocol-relative...

...and the unfortunately double-loading bug for CSS files in IE7/8 here:

http://www.stevesouders.com/blog/2010/02/10/5a-missing-schem...

Reply on news.ycombinator.com