Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal,
Tenho uma imagem na página principal do meu site e gostaria de aplicar o efeito TRANPARÊNCIA nela quando passamos o mouse em cima, o CSS que estou usando é este:
<html>
<head>
<title>Teste CSS</title>
</head>
<body>
<style type="text/css">
.alphaopacity:1.0;
filter:alpha(opacity=100);
}opacity:0.4;
filter:alpha(opacity=40);
}
</style>
<a href="http://www.uol.com.br/" target="_blank">
<img src="http://h.imguol.com/v2011/uol-o-melhor-conteudo.png" border="0" alt="Teste" class="alpha">
</a>
</body>
</html>Abro localmente/remotamente este HTML no meu IE9 e o efeito não funciona, já no Chrome funciona perfeitamente. O que devo alterar/adicionar para funcionar em ambos?
Carregando comentários...