header parallax image
uncoditional

code liberated

  • Home
  • Pete
  • Home
  • Pete
Browser SupportJQuery and CSS

CSS Background broken in ie9 on dev box (no ssl certificate).

February 15, 2013Peter Lombardo3043 views

Well, this morning’s lesson wasn’t too painfiul, thanks to Paul Irish’s article on The Protocol-relative URL.   In short, I was trying to view a page on our staging server (my local dev has a self-signed certificate) which didn’t have an ssl certificate.  Everything worked fine using the https:// protocol, except in ie9 (specifically), where a background image was not showing up.

The image in question was called through a css statement using a relative URL:

    background-image: url(/path/to/background.gif);

which, in the normal html world works fine.  However, ie9 seems to be picky (stupid) and thinks it should be downloaded using regular http:// protocol.  Not clear on why, but the bottom line is that the following works fine in all browsers (note the extra hash mark).

    background-image: url(//path/to/background.gif);

fwiw,

– Pete

certificatescssjavascriptssl
  • tweet
previous story

3 JavaScript Lessons: Hoisting, console.log and deep object copy

next story

Balsamiq Mockups: the good and the bad

Peter Lombardo

Peter Lombardo

Web developer too long.

you might also like

real Chrome developer features

October 8, 2014

3 JavaScript Lessons: Hoisting, console.log and deep object copy

January 23, 2013

Reloading a Div that was populated with JQuery’s $.load()

November 7, 2012

Leave a Response Cancel reply

You must be logged in to post a comment.

about me

uncoditional

Pete Lombardo

I like people and coding. Both change. Twenty years of full-stack development. I live in Maryland.

Recent Posts

  •   lives on!
    									
  • Cannot find module ‘…/…’ or its corresponding type declarations.
  • *ngIf – use parentheses
  • Angular component code block execution order
  • material dialog- how to get response data .subscribe()

Recent Comments

    Archives

    • June 2022
    • March 2022
    • June 2020
    • June 2019
    • November 2017
    • October 2017
    • September 2017
    • August 2017
    • June 2017
    • June 2015
    • May 2015
    • April 2015
    • October 2014
    • September 2014
    • July 2014
    • June 2014
    • May 2013
    • February 2013
    • January 2013
    • November 2012
    • October 2012

    Categories

    • angular
    • AWS
    • before the code
    • Browser Support
    • CFML & Mach-II
    • Chromebook
    • ckEditor
    • CloudSearch
    • ColdFusion
    • Java
    • javascript/typescript
    • JQuery and CSS
    • Languages
    • Life
    • material design
    • project
    • Projects
    • SNS
    • SQL
    • Tools
    • Uncategorized
    • unCODitional

    Meta

    • Log in
    • Entries feed
    • Comments feed
    • WordPress.org
    0
    Followers
    0
    Followers
    0
    Followers
    0
    Followers

    Follow @ Instagram

    Configuration error or no pictures...