Efeito Alpha IE, FF chrome [resolvido]

19 de abril de 2012 3 respostas

denisspitfire 19 de abril de 2012

Galera segue o código.
Esse é uma especie de controlador

<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=50
}
</script>

Esse é oque cada imagem deve ter

<img src="imagens/autoship48.png" style="filter:alpha(opacity=50);opacity: 0.5" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" width="48" height="48" border="0" />

Bom, consegui fazer rodar no chrome colocando o seguinte atributo “opacity: 0.5” no FF tb funciona… mas nao funciona a troca, que quando eu passo o mouse em cima deveria trocar os valores… sei acessar pelo alpha tem como acessar pelo opacity?

3 Respostas

denisspitfire 19 de abr. de 2012

olha que bacana TAMBÉM…
Esse código esta em CSS. criei uma classe icon peguei no link http://www.w3schools.com/css/css_image_transparency.asp

.icon
{
opacity:0.4;
filter:alpha(opacity=50); /* For IE8 and earlier */
}
.icon:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
</style>

Esse codigo é das imagens

<a href="#" class="icon"><img src="imagens/autoship48.png" width="48" height="48" border="0" /></a>

Quem disse que no famoso ie funciona? NOTEM QUE EU ESTOU USANDO O MESMO EFEITO DO CÓDIGO ACIMA…
só que em CSS

denisspitfire 19 de abr. de 2012

percebi também que quando eu faço a classe .icon no css o IE nao aparece porem se eu uso tag img… roda
porém nao pode ser toda img com esse efeito

denisspitfire 19 de abr. de 2012

depois de algumas horas… ja deixo a solução para quem tiver o problema
IE 8 da pau quando faz .icon no caso ou .alguma coisa… apartir do 9 ja funciona.

Criado 19 de abril de 2012

Ultima resposta 19 de abr. de 2012

Respostas 3

Participantes 1

3 Respostas

Topicos relacionados