Free Consultation: +1 (888) 374 0906

Internet Explorer is full of odd behaviors but this one has got to take the cake.
Recently a bug was reported in one of my websites for an IE8 user. Instead of seeing an opaque grey background on my navigation they were seeing a gradient that faded from the top to bottom corner into transparency. Making the text really really hard to read.

Fortunately I harnessed the power of the internet and the Google search engine to find this post:

I found this gentleman's issue on another site he posted it to and it was the EXACT same thing I was experiencing.
The solution?   Apparently IE8 has built into it's rendering engine to take a 1x1 pixel background image and turn it into a gradient. Huh? Yeah that's what I said it turns it into a gradient. Why on earth this would ever be useful behavior I have no idea but so it is.

The fix? A fantastic user over at StackOverflow posted their solution which was to change the image to 10x1 pixels instead of the 1x1 and....tada fixed!!!

Man that was a mystery and a half that one. So grateful for my search engine skills today.
Write A Comment

Post A Comment

Jeff Porter
Thursday, March 22nd, 2012 at 7:11AM
I actually have had that happen before. I thought I was going nuts when it happened! I remember it took me longer to fix then I thought it would. That's the fun and curse of coding, sometimes it's challenging to find the answers to little things like that but when in a crunch it's not! Thank goodness for Google and getting results for strange random questions.

Sign up for email updates from our team

View Our Privacy Policy or Terms of Use