Currently I'm working on a website with some bright colors. I'm trying to implement a seamless overlay on top of a few images, to give the sensation that the background is flowing over the image, however, for some reason Firefox won't render my .PNG images as the color I've made them in Photoshop.
I've tried this with the same page/image setup in SRWare Iron and Internet Explorer 8, which both display them properly.
The only remedy I've found so far is switching to .GIF, which renders the color properly in all three browsers, but I can't use any additional effects (such as drop shadow, which I need). I'm also using a large sprite sheet, so to be able to keep everything on one image is preferred.
Is there a color setting I'm missing in order to make this work properly, or am I going to be stuck with .GIF?
A picture with three different versions (below):
- Firefox / .GIF (drop shadow didn't render properly)
- Firefox / .PNG (no drop shadow)
- SRWare Iron / .PNG (drop shadow)