Ver Mensaje Individual
  #8 (permalink)  
Antiguo 07/06/2011, 11:58
navaslord
 
Fecha de Ingreso: febrero-2007
Mensajes: 44
Antigüedad: 17 años, 1 mes
Puntos: 0
Respuesta: Onmouseover y Rollover texto e Imagenes.

Cita:
Iniciado por braulito Ver Mensaje
El ejemplo:
Código CSS:
Ver original
  1. .rollover {
  2.             display: block;
  3.             width: 306px;
  4.             height: 350px;
  5.             background: url(http://quehotelreservo.es/files/2009/07/gran-hotel-almeria-exterior.jpg) no-repeat;
  6.         }
  7.        
  8.         .rollover:hover {
  9.             background: url(laotraimagen.jpg) no-repeat;
  10.         }
  11.        
  12.         .rollover span {
  13.             display: none;
  14.         }
Código HTML:
Ver original
  1. <a href="#" class="rollover"><span>Hotel</span></a>

Otra solución es que juntes las dos imágenes y que en el :hover sólo hagas un cambio en la propiedad background-position.

Espero te sirva de ayuda.
Hola muchas gracias,

mira el que me pusiste desaparece la imagen al pasar el mouse, y lo que necesito es que aparesca una imagen al pasar el mouse por sierto item ya sea texto o un link pero no que aparesca encima que me tape si no aun costado.

la idea es hacer un menu de sectores de comercio y que al pasar el mouse por un sector me muestre una imagen alusiva!