cambiar de color un div al pasar x encima el mouse....

engranaje · #1 (**permalink**) 02/04/2008, 09:19

cambiar de color un div al pasar x encima el mouse....
trate de hacer asi...

#moopio {
background-color: #FF0000;
height: 50px;
width: 50px;
}
#moopio:hover {
background-color: #6600FF;
height: 50px;
width: 50px;
}

no funciono... algo esta mal??? o no es la forma???
desde ya gracias...

JavierB · #2 (**permalink**) 02/04/2008, 09:44

Hola engranaje

El código parece correcto, pero :hover no funciona en IE 6 o inferior. Si quieres que te sirve en todos los navegadores, tendrás que usar JavaScript.

Saludos,

arriaka · #3 (**permalink**) 02/04/2008, 10:07

Hola

Como dice JavierB, el codigo es correcto, pero IE 6 no lo interpreta. Podrias conseguir que funcionase poniendo un <a> dentro del <div id="moopio"> y asi no tener que usar JavaScript. En este caso la diferencia seria que si el usuario hace clic se le añadirá un # al final de la ruta. El puntero puede seguir siendo el mismo. El codigo seria el siguiente:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Ejemplo</title>
	<style type="text/css">
	#moopio, #moopio a{
		background-color: #FF0000;
		height: 50px;
		width: 50px;
	}
	#moopio a{
		display:block;
	}
	#moopio a:hover {
		background-color: #6600FF;
		cursor:default;
	}
	</style>
</head>

<body>
	<div id="moopio"><a href="#"></a></div>
</body>
</html>

Saludos!

Jamati · #4 (**permalink**) 02/04/2008, 11:55

Podés buscar en internet el javascript, es medio rebuscado, pero yo en este foro no lo pude encontrar... es otra de las tantas cosas que tiene que corregir Microsoft.

Igualmente te recomiendo hacerlo con un link dentro, como dijo Arriaca, porque no creo conveniente que tu idea funcione solamente teniendo activado un javascript, porque si tengo desabilitado ea funcion, que hace ?? entendés ?