Lista com li img (mudar bg)

[Eric Vinícius 0]

Amigos, tenho o seguinte código:

 <ul>
   <li>
     <img alt="img" src="imagem.jpg"/>
   </li>
</ul>

Com Javascrip, faço tranquilo: mudo o atributo src pegando por id meu elemento imagem. Só que ai eu tenho que atribuir evento onmouseover e onmouseout.

 

Com css, tenho como fazer o efeito?

Já tentei o hover, mas não dá. O bg, evidentemente, se confunde com a img.

 

Abraços!

[William Bruno 1501]

Com Javascrip, faço tranquilo: mudo o atributo src pegando por id meu elemento imagem. Só que ai eu tenho que atribuir evento onmouseover e onmouseout.

então..

no evento onmouseover e onmouseout, troque o src.

 

 

 

Com css, tenho como fazer o efeito?

que efeito?

 

 

Já tentei o hover, mas não dá. O bg, evidentemente, se confunde com a img.

sim, você tem uma img ali, e não um bg.

se você começar com um bg, ai sim você vai conseguir trocar apenas com css, usando o :hover

[Eric Vinícius 0]

Willian,

 

O efeito é o mesmo que faço no JS.

 

Seria correto então, colocar no meu li, ao invés de uma img, um span, por exemplo?

 

E setar um bg para este span?

[William Bruno 1501]

pode setar o bg direto pro li, não precisa do SPAN