Span / Hover no IE

[Antonielli 0]

Galera,

 

Tenho o seguinte código CSS:

#div span.teste {
	font: 11px arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	color: red;
	cursor: pointer;
	text-decoration: none;
}
#div span.teste:hover {
	color: blue;
	text-decoration: none;
}

Bom, ao passar o mouse sobre um link com o id teste, o texto mudaria de cor (de vermelho para azul). No Firefox até que funciona, mas...

 

No IE6 e superiores não funcionam mesmo... Como posso adaptar o código para que o IE possa interpretá-lo corretamente?

 

No aguardo

[Thiago Retondar 18]

Isso acontece devido o Internet Explorer 6 não entender o :hover em outros elementos que não seja o <a>, ou seja, ele só aceita o :hover em <a>.

 

Para isso, você pode usar JavaScript ou hacks:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://www.google.com.br/search?hl=pt-BR&a...ta=lr%3Dlang_pt

[Édipo Costa Rebouças 0]

é amigo, hover só em link, até o 7 é assim, o 8 ainda não testei.

[Henrique Barcelos 290]

Cara... no IE7+ isso funciona... só não funciona para IE6-...

 

Caso queira fazer esse efeito para IE6-, use javascript, atribuindo uma classe para esses spans, aih faça:

 

var spans = document.getElementsByClassName("CLASSE DO SPAN");
for(var i = 0; i < spans.length; i++){
	spans[i].onmouseover = function(){
		this.style.color = "#F00";
	}
	
	spans[i].onmouseout = function(){
		this.style.color = "#00F";
	}
}