15 - Diseño web 1 - Imagenes intercambiables (hover)

Ya habiendo enlazado los botones podemos crear el efecto de cambiar la imagen de estos al pasar el mouse sobre ellos. Este efecto se logra con una pequeña linea de código y una copia de la imagen con algún cambio.

Category:

Education

Tags:

• web
• diseño
• páginas
• dreamweaver
• photoshop
• educational
• tutorial
• software

[freddynando]

sabes que ya revise todo pero el problema persiste, sale en todo los navegadores los hover pero en explorer nada :S, tienes alguna red social o un email para conversar mejor del tema te lo agradeceria :D

[edugrafico]

@freddynando mandame el html de esa pagina zipeado (zip) al mail evelardeh@gmail.com

[Magnum511]

@edugrafico la imagen original esta en HTML con los Div y href como tu has explicado, el hover al ser background lo que hace es mandarlo detras de la imagen en vez de sustituirla.

[edugrafico]

@Magnum511 mandame el html a evelardeh@gmail.com y te respondo

[edugrafico]

@freddynando hay un programa que te permite tener desde explorer 3 hasta 6:

Se llama Multiple_IE yo lo uso para probar mis webs.

[freddynando]

@edugrafico todo esta bien, anda en todos los navegadores, pero en xplorer 8 es una $/%$/ voy a ver si lo paso a explorer 9

[edugrafico]

@Magnum511 en todo caso mandame el html de esa pagina zipeado (zip) al mail evelardeh@gmail.com

[edugrafico]

@Magnum511 me dices que tanto la imagen original y el hover son background-image, osea no insertaste la imagen.

[Magnum511]

@edugrafico lo tengo puesto exactamente como dices, por eso te digo que es algo muy extraño, por que el hover al ser background image me lo pone como imagen de fondo osea detras d la normal sale pero detras y la normal no se quita. Esta todo puesto en CSS