[Resolvido] Efeito hover

[angelorubin 142]

Nossa que estranho !

 

Como diria Cid Moreira - Jabuuulaaaniii ! rsrs

 

Mas brincadeiras a parte, ontem eu testei e não abria de jeito nehnhum nos IE's 6/7/8.

 

E hoje quando fui testar como num passe de mágica rodou !

 

A única diferença é que troquei de maquina e na que não rodou era Windows 7 e nesta que rodou uso Windows XP.

 

Será que tem alguma coisa a ver?

[Evandro Oliveira 331]

Não sei se deu pra notar no vídeo mas para o Opera eu uso Win7, portanto, nada a ver.

[André Severino 3]

Acredito que você utiliza a maquina virtual para outros proprositos, mas se alguem quizer testar os sites em diversas versões do ie

basta baixar o programa ietester.

Fica a dica para o pessoal.

[micox 2]

Solução simples sem png:

 

1) Coloca o gradiente como background do LI

2) Quando o mouse passar sobre o link A deixa ele semi-transparente

 

Exemplo:

 

<style>
/* colocando o gradiente no background do li */
#nav li { background: gray url(gradient.jpg) repeat-y; }
/* falando pro a (e a imagem) ficarem transparentes no hover */
#nav li a:hover { opacity: .3; -khtml-opacity: .3; filter: alpha(Opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" }
</style>
<ul id="nav">
  <li id="link1"><a href="#"><img src='link1.jpg' /></a></li>
  <li id="link2"><a href="#"><img src='link2.jpg' /></a></li>
</ul>

Agora é só adaptar ao seu caso.

[angelorubin 142]

Bom dia,

 

Rodou bem nas ultimas versões do Firefox, Safari, Chrome, Ópera.

 

Porém no Internet Explorer (6-7-8) não rodou aqui.

 

Coloquei aqui para quem quiser testar.

 

Botão Hover

[micox 2]

Dãarts, esse micox é burro mesmo heheh.

 

Troca o

#nav li a:hover { opacity: .3; -khtml-opacity: .3; filter: alpha(Opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" }

 

Por:

#nav li a:hover img { opacity: .3; -khtml-opacity: .3; filter: alpha(Opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" }

 

É que o IE geralmente não aplica transparencias automaticamente nos filhos.

[angelorubin 142]

Boa tarde,

 

Agora esta 100% Micox.

 

Obrigado.