Ir para conteúdo

POWERED BY:

Arquivado

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

CaptainZap

mouseOver

Recommended Posts

galera, tô ficando muito "bolado"..

sei que isso é fácil, mas não to conseguindo fazer funcionar.. quero ver o nível da minha burrice..

 

tô fazendo o footer com os links das redes sociais..

aí sao uns iconezinhos, que quando passa o mouse por cima, muda a posição do background (pra alterar a cor do icone).

 

nada que eu faço tá dando certo??!!

 

tá assim agora...
no html:

<li><a href="#" class="email" onMouseOver="document.getElementsByClassName('.email').style.background-position='0 -25px';" target="_blank">E-mail</a></li>

 

no css:

 

#social ul li a.email{ background: url(imagens/email.png) no-repeat;}

 

grato, []´s



resolvi!

ao invés de class usei ele como id..

ficou assim..

 

html:

<li><a href="#" id="email" onmouseover="document.getElementById('email').style.backgroundPosition='0 -25px';" onmouseout="document.getElementById('email').style.backgroundPosition='0 0';" target="_blank">E-mail</a></li>

 

css:

#social ul li a#email{ background: url(file:///C|/Users/Rosa/Desktop/i9/imagens/email.png) no-repeat;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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