Alterando opacidade de imagem de LINK?

[Fábio BN 17]

Oi Pessoal.

 

Como eu faço com que ao passar o mouse sobre uma figura de um LINK, a sua opacidade seja alterada deixando a imagem mais clara antes da pessoa clicar?

Exemplo:

<div align="center"><a href="site.com.br/pagina.asp<img src="../../imagens/loja_virtual/icone_comprar.gif" width="105" alt="Adicionar ao carrinho de compras" border="0"></a>
</div>

Existe alguma forma de inserir um comando CSS no LINK acima, fazendo com que ao passar o mouse sobre a imagem GIF do botão ( Comprar ) a sua opacidade seja alterada deixando mais claro?

 

Obrigado!

 

Fábio!

 

[William Bruno 1501]

a:hover img {

opacity: 0.7;

}

[wilnet 92]

você pode tb aplicar diretamente na sua imagem.

.AlfaImg{ 
	width:105px; 
	height:auto;
	}
.AlfaImg:hover{
	opacity:.4;
	}

E chamar a Class na Imagem:

<img class="AlfaImg" src="../../imagens/loja_virtual/icone_comprar.gif" width="105" alt="Adicionar ao carrinho de compras" border="0">

Desta forma, sempre que tiver o HOVER sobre a imagem, será aplicado o efeito.

 

vlw

[Fábio BN 17]

Fiz um teste aqui e funcionou, muito obrigado!
Abraços! Fábio.