Atualmente estou trabalhando em um site com algumas cores brilhantes. Estou tentando implementar uma sobreposição perfeita em cima de algumas imagens, para dar a sensação de que o fundo está fluindo sobre a imagem, no entanto, por algum motivo, o Firefox não renderiza minhas imagens .PNG como a cor que eu fiz los no Photoshop.
Eu tentei isso com a mesma configuração de página / imagem no SRWare Iron e no Internet Explorer 8, que os exibem corretamente.
O único remédio que encontrei até agora é a mudança para .GIF, que renderiza a cor corretamente em todos os três navegadores, mas não posso usar nenhum efeito adicional (como sombra projetada, que eu preciso). Eu também estou usando uma grande folha de sprite, então, para poder manter tudo em uma imagem, é preferível.
Existe uma configuração de cores que estou faltando para que isso funcione corretamente, ou eu vou ficar preso com .GIF?
Uma foto com três versões diferentes (abaixo):
- Firefox / .GIF (sombra projetada não foi renderizada corretamente)
- Firefox / .PNG (sem sombra)
- SRWare Iron / .PNG (sombra projetada)