Foros del Web » Creando para Internet » CSS »

Cambiar imagen al pasar el mouse en un div

Estas en el tema de Cambiar imagen al pasar el mouse en un div en el foro de CSS en Foros del Web. Bueno, yo quiero que al pasar el mouse por 1 div se cambie el background del mismo, yo tengo este code: Código HTML: #on a ...
  #1 (permalink)  
Antiguo 18/02/2011, 12:49
 
Fecha de Ingreso: mayo-2010
Mensajes: 21
Antigüedad: 13 años, 10 meses
Puntos: 1
Cambiar imagen al pasar el mouse en un div

Bueno, yo quiero que al pasar el mouse por 1 div se cambie el background del mismo, yo tengo este code:
Código HTML:
#on a {
		background-image:url(../imagenes/off.gif);
		margin: 1px;
		background-color: #f2f2f2;
   		width: 115px;
		height: 90px;
}
#on a:hover {
		background-image:url(../imagenes/on.gif);
		margin: 1px;
		background-color: #f2f2f2;
   		width: 115px;
		height: 90px;
}
pero cuando veo el index en el firefox no se ve, y en el dreamweaver tampoco, ni se ve el div. Esta bien el codigo que puse? que tengo que cambiar? Espero que me puedan ayudar, gracias de antemano :)

Última edición por aagguuu; 18/02/2011 a las 12:58
  #2 (permalink)  
Antiguo 18/02/2011, 13:03
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.458
Antigüedad: 15 años, 8 meses
Puntos: 53
Respuesta: Cambiar imagen al pasar el mouse en un div

que tal asi


En el CSS
Cita:
1. a img {visibility:hidden}
2. a:hover img {visibility:visible}

En el html:
Código HTML:
1.	<a href="pagina.html">Enlace<img src="imagen.jpg" /></a> 
solo le pones la imagen de off como fondo al div
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #3 (permalink)  
Antiguo 18/02/2011, 13:06
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 2 meses
Puntos: 36
Respuesta: Cambiar imagen al pasar el mouse en un div

El código que muestras no afecta a un <div> sino a un enlace <a>. Si lo que tienes es algo como esto:
<div id="on">.....</div>
Puedes usar un CSS como éste:
Código CSS:
Ver original
  1. #on {
  2.         background-image:url(../imagenes/off.gif);
  3.         margin: 1px;
  4.         background-color: #f2f2f2;
  5.         width: 115px;
  6.         height: 90px;
  7. }
  8. #on:hover {
  9.         background-image:url(../imagenes/on.gif);
  10.         /* Las propiedades que no cambian no hace falta volver a definirlas */
  11. }
  #4 (permalink)  
Antiguo 18/02/2011, 13:10
 
Fecha de Ingreso: mayo-2010
Mensajes: 21
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: Cambiar imagen al pasar el mouse en un div

Gracias a los 2, me sirvio la respuesta de sanxuan.
@sanxuan si me referia a <div id="on"> </div> XD Suerte !!
Gracias

Etiquetas: mouse, pasar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:44.