Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Tempter

[Resolvido] CSS não funciona no IE

Por , em Desenvolvimento frontend

Recommended Posts

Tempter    0

Tempter
Postado

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">
.alpha
{
opacity:1.0;
filter:alpha(opacity=100);
}
.alpha:hover
{
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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tempter    0

Tempter
Postado

 

Olá amigo, muito obrigado pela sugestão. Mas estou usando justamente a DICA do tópico "Solução sem uso de PNG transparente " que misteriosamente não funciona aqui nem ferrando :(

 

Opa, resolvido, não preciso alterar nada no código, apenas adicionar:

 

<!DOCTYPE html>

 

No início do documento, para afzer funcionar no IE.

Mas que coisa :)

 

Tnx

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tempter    0

Tempter
Postado

amigo usa houve com jquery ele vai teda uma suavidade nesse houver com efeito tranparencia

sem duvida ea melhor opção infelizmente

 

Opa, me inetressou. Não conheço, tem algum exemplo?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito