Ir para conteúdo

POWERED BY:

Arquivado

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

BR 900

:hover no ie8

Por , em Desenvolvimento frontend

Recommended Posts

BR 900    0

BR 900
Postado

Boa tarde pessoal.

 

Estou tendo vários problemas com o ie8 e o mais novo é a utilização do ":hover" para trocar a img de fundo de uma "div" ou "a". O mais curioso é que eu fiz a mesma coisa em um projeto anterior e funcionou, mas agora, sabe-se lá por que ele não funciona.

 

Eu já cheguei a copiar a estrututa do css do projeto anterior e utilizar nesse novo, só trocando as imagens que seriam usadas, mas mesmo assim ele ignora esse comando. Já tentei fazer o ":hover" funcionar só com mudança de cor no background, com alteração no "text-decoration" e nada.

 

Procurei pela internet e descobri que isso é um bug do ie8, mas alguém poderia me ajudar a corrigir isso?

 

Segue o código utilizado no projeto que funcionou (http://www.propagare.net/rvalentim2/home.html):

 

#shop{
	position:absolute;
	left:329px;
	top:0px;
}

#shop a{
	background:url(img/shop_duo.jpg) no-repeat left top;
	display:block;
	height:10px;
	width:32px;
}

#shop:hover a{
	background-position:left bottom;
}

E segue o código que estou testando no novo projeto. Como eu não precisava de nenhum link, resolvi fazer ele com "div" mesmo (http://www.propagare.net/apresenta3d/celta/):

#propagare{
	position:absolute;
	top:49px;
	left:696px;
	height:39px;
	width:74px;
	background-image:url(../img/prop_duo.png);
	background-repeat:no-repeat;
	background-position:top;
	visibility: visible;
}
	
#propagare:hover{
	background-position:bottom;
}

Só para lembrar que ele funcionou perfeitamente no firefox e no safari.

 

E gostaria de aproveitar e perguntar se alguém tem um bom site de referência para essas duvidas relacionadas ao ie8.

 

Valeu pessoal!

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

pode ser que sim, pode ser que nao

cada caso é um caso

 

faça o trecho em lista e veja se funciona

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito