EV100 Logo Banner Update: Fixing a Background Positioning Problem In Chrome

At some point since my original post in February an update to Chrome broke the layout of the EV100 logo overlay you (should!) see on the upper-left corner of this page. Before fixing it I noticed that nothing was visible there except on the contact page, and that was because that page is short enough to not require scrolling on my display. The bug wasn't present on firefox, IE, or mobile Chrome on my Android.

A little investigation revealed that the element itself was correctly positioned but that the background image wasn't visible. Removing the fixed positioning of the background (but not the element) proved to be the solution. I replaced this:

background: url(/images/ev100logobanner.png) no-repeat fixed top right;

With this:

background: url(/images/ev100logobanner.png) no-repeat;

I don't exactly understand what changed in Chrome and why this fixed it, or indeed, why I had it that way in the first place. Any explanations are welcome!

Add a Comment