Working on a rebuild of a site, I wanted to challenge myself with a fancier looking navigation menu than what I had done previously in WordPress, and deploy something that utilised CSS transitions to create some nifty hover effects. CSS3 comes into play here.
A rookie mistake no doubt, but whilst troubleshooting another issue a client had found on one of my sites when viewed on Internet Explorer 8, I noticed something else odd. Some images weren’t displaying.
Nothing too sinister about these images, they are JPEGs (.jpg), they are small, other images in the same format worked fine.
So why is it that a JPG will not display in IE8?
Having a look around the web I saw other people having a similar issue, and a lot of the help provided suggested checking IE settings (making sure images were set to display) and things along those lines. But I knew this wasn’t my problem, considering other images worked perfectly fine.
It wasn’t until this morning when I decided to compare two images (one working, one not) that I finally discovered the issue; the image mode.