Hover em Images?

[rafa2098 1]

Pessoal quero saber como faço pra fazer Hover em uma imagem?

 

estou fazendo dessa forma, mais a imagem sempre fica embaixo da anterior

 

HTML:

<div id="game"><a href=""><img src="" /></a></div>

CSS:

#game a img{
	background:url(../images/Sem%20t%C3%ADtulo-2.fw.png) no-repeat;
	width:300px;
	height:37px;

}

#game a:hover{

	background:url(../images/hover.fw.png) no-repeat;
	width:300px;
	height:37px;
}

 

o que estou fazendo de errado?

[Matheus Loureiro 0]

Tenta utilizar só a tag img

 

Deixando assim: img:hover.

[Heitor Sousa 9]

#game img{

 

}

 

#game img:hover{

 

}

 

Assim vai

[am designer 7]

Cara, num sei mas ACHO que com este link ai vc num vai conseguir acessar a img com hover.

[Heitor Sousa 9]

Comcerteza vai, faça o teste

[Wanderson Valerio 102]

Tente isso:

 

#game a img {
    background: url('../images/Sem%20t%C3%ADtulo-2.fw.png') no-repeat;
    width: 300px;
    height: 37px;
}
 
#game a:hover img {
    background: url('../images/hover.fw.png') no-repeat;
    width: 300px;
    height: 37px;
}

[rafa2098 1]

#game img{

 

}

 

#game img:hover{

 

}

 

Assim vai

 

vlw man, resolvi meu problema :D

 

tinha procurado no Google e tals mas tudo que tendei deu errado, mais agr deu certo :D

[Heitor Sousa 9]

:D

[am designer 7]

Show Heitor!