2
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)
Changing that setting worked for me, and apparently (I didn't check until now), on Firefox in OS X it displays properly without editing the config. I assume there's no way to force this setting on page load? I can't ask for everyone that visits my website to change this setting unfortunately. – John – 2012-07-25T02:05:15.813
Not that I'm aware of, sorry. – Everett – 2012-07-25T02:16:08.497