2 replies to this topic

[Kadu DG]

oi gente, tudo bom?

eu fiz um efeito rollover de imagem com css e ele simplesmente não aparece no internet explorer!

vcs poderiam me ajudar?

aqui vcs tem uma página com o efeito: http://www.kdsg.net/exemplo.html

e aqui vcs tem o código css que eu montei para fazer o efeito:

a.srollover {
	display: block;
	width: 331px;
	height: 27px;
	background: url(../imagens/site/identidade1.jpg)0 0 no-repeat;
	text-decoration: none;
}

a:hover.srollover {
	background-position: 0 -26px;
}

a.srollover2 {
	display: block;
	width: 331px;
	height: 27px;
	background: url(../imagens/site/impressas.jpg)0 0 no-repeat;
	text-decoration: none;
}

a:hover.srollover2 {
	background-position: 0 -26px;
}

a.srollover3 {
	display: block;
	width: 331px;
	height: 27px;
	background: url(../imagens/site/web.jpg)0 0 no-repeat;
	text-decoration: none;
}

a:hover.srollover3 {
	background-position: 0 -26px;
}

a.srollover4 {
	display: block;
	width: 331px;
	height: 27px;
	background: url(../imagens/site/apresentacoes.jpg)0 0 no-repeat;
	text-decoration: none;
}

a:hover.srollover4 {
	background-position: 0 -26px;
}

a.srollover5 {
	display: block;
	width: 331px;
	height: 27px;
	background: url(../imagens/site/fotografia.jpg)0 0 no-repeat;
	text-decoration: none;
}

a:hover.srollover5 {
	background-position: 0 -26px;
}

a.srollover6 {
	display: block;
	width: 331px;
	height: 27px;
	background: url(../imagens/site/arte_digital.jpg)0 0 no-repeat;
	text-decoration: none;
}

a:hover.srollover6 {
	background-position: 0 -26px;
}

o que eu posso fazer parar arrumar isso?

obrigado

[lekingdom]

Use isto:

<img src="img/imagem.jpg" alt="" onmouseOver="src='img/imagem_over.jpg';" onmouseOut="src='img/imagem.jpg';" />

[Kadu DG]

já consegui arrumar com o próprio CSS, mesmo assim obrigado Leki!