Rollover como vista

ozk4r · #1 (**permalink**) 08/05/2007, 19:16

Me gustaría saber si es que se puede imitar el rollover que tiene windows vista que al colocar el raton sobre el objeto se enmarca en un cuadro con esquinas redondeadas con un color en el interior del cuadro y con bordes, si alguien posee algun link, cualquier ayuda se agradece.

#2 (**permalink**) 10/05/2007, 07:16

No tengo Vista, creo que tal y como la mayoría de los foreros.
¿Podrías poner algunas imágenes de cómo se ve el efecto?

Saludos.

ozk4r · #3 (**permalink**) 10/05/2007, 09:14

Ok mira es algo como esto y que el fondo de la imagen al realizar el rollover tenga cierta transparencia

#4 (**permalink**) 10/05/2007, 10:45

Las esquinas redondeadas pertenecen a CSS3, Mozilla las implementa con la propiedad -moz-border-radius, pero para los demás lo más seguro es usar imágenes o algo de javascript como NiftyCube

Una forma sencilla (que debería funcionar pero no la probé) es:
<img id="confondo" src="..." />

Código:

#confondo {
 padding : 1em;
}
#confondo:hover {
 background-image : url(imagen con fondo transparente);
}

Otra cosa a considerar es que el IE6 no soporta :hover sobre nada que no sea un enlace definido con <a>.

Saludos.