mouseOver

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;}