Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Imagens sem cor definida de fundo.

É possível alterar o fundo de cor de uma imagem .jpg com o CSS?

Eu precisava das imagens barba.jpg/cabelo.jpg/cabelo+barba.jpg sem cor de fundo para utilizar backgrounds com cores além do branco no projeto do site.

4 respostas
solução!

Fala ai Julio, tudo bem? Nesse caso você precisa trabalhar com imagens .png setando sua transparência, dessa forma, a div de fundo pode ter qualquer cor que a imagem vai respeitar, pois ela tem seu fundo transparente.

Espero ter ajudado.

Opa Matheus, muito obrigado. Consegui resolver o problema conforme sua solução.

Magina Julio, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.

Boa noite Julio,

Atualmente o formato PNG é o unico formato grafico para WEB que suporta a transparencia ( canal Alpha ).

É possivel usar algumas tecnicas para habilitar transparencia em imagens GIF ou JPG, segue exemplos.

...
<img src="carro.gif" alt="" class="carro" />
...
...
img.carro {
    opacity:0.65; /* Suportado atualmente pelo Firefox 2 e pelo Ópera 9 */
    -moz-opacity: 0.65; /* Navegador Mozilla, o valor da opacidade varia de 0 a 1*/
    filter: alpha(opacity=65); /* Navegador IE o valor da opacidade varia de 0 a 100 */
    }
...