1 reply to this topic

[AMON-HÁ]

Pessoal,
eu tô com um probleminha aqui...
eu criei uma imagem de um circulo com a extensão PNG e para que determinadas áreas fiquem transparentes....
tipo:

Veja que o circulo 1 está com uma parte azul clara que na verdade devia ficar transparente... como o circulo 2.

sei que tem como fazer isso em CSS. Só naum sei como fazer...

se puderem me dar uma ajudinha ae, eu agradeço...



PS: a dúvida naum é como fazer no photoshop e sim como mostrar a imagem PNG no navegador sem a parte azul clara...

[Igor Ramadas]

O IE6 não aceita a utilização de PNG com alpha channel, pode ser esse o seu problema Pra contornar a situação, vc vai ter que usar um DIV, atribuindo um filtro DirectX no CSS, assim:

<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='CAMINHODAIMAGEM.PNG')"></div>

Ou então, adicione um behavior quando for detectado que o browser é IE6. Nesse caso, é mais difícil de explicar, mas é o que to fazendo no meu site www.devv.com. Repare que os ícones estão sem transparencia no inicio, e depois que a pagina eh carregada, eles ficam transparentes.

Abraços!

Edição feita por: Igor Ramadas, 06/06/2006, 18:54.