Pergunta

Estou tendo problemas com as cores de fundo CSS correspondentes a cores com cores nas imagens na mesma página HTML. O que da?

Foi útil?

Solução

Acho que você usa uma imagem PNG? Esta é uma correção gama "característica". Mark Ransom postou um texto útil sobre isso.

Observe que o pngcrush Solução listada em algum lugar não funcionou para mim.

Outras dicas

Qual programa de edição de imagens você está usando? eu encontrei Este artigo sobre perfis de cores do Photoshop. Também pode haver problemas com Correção gama PNG.

Pode ser devido ao navegador Gerenciamento de cores.

Pode ser um problema de perfil de cores.

Por exemplo, se a imagem for um JPEG e tiver um perfil de cores e seu navegador não suporta exibir imagens nos perfis de cores que eles especificam, as cores da própria imagem renderizarão de maneira diferente no seu navegador. Nessa situação, se você verificou a cor da imagem no Photoshop (ciente do perfil de cores) e, em seguida, aplicou essa cor no seu CSS e visualizou a página em um navegador que não está ciente do perfil de cores, seria diferente.

Três possibilidades surgem à mente:

  • Verifique se a profundidade da cor do seu monitor está definida como 32 ou 24 bits, não de 16 bits
  • Verifique se a imagem não está sendo atribuída uma paleta (como a paleta de segurança na web). Este pode ser o caso de uma imagem .gif ou 8 bits .png.
  • Verifique se há problemas de correção gama .png no IE - veja outras postagens para obter detalhes

Uma solução alternativa que eu usei no passado distante é definir a cor do plano de fundo repetindo uma imagem pequena, em vez de configurá -la no HTML. Esse tipo de truque foi útil nos dias das paletas seguras na Web e assim por diante, mas menos útil agora.

Provavelmente o navegador seus testes, tive muitos problemas com o IE 6.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top