Hola a tod@s...
Recientemente me ha surgido un problema con una clase CSS.
Quiero ejecutar una clase al pasar el mouse por encima de una imagen. Esta clase muestra la misma imagen, pero en diferente tamaño a la primera y en un lugar diferente de la página. El dilema está en que la primer imagen utiliza una clase para agregarle un borde a dicha foto.
La clase para mostrar la imagen en un lugar diferente:
Código:
.con_imagen2 {
position: relative;
}
.con_imagen2 img {
position: absolute;
top: -100%;
left: 500%;
display: none;
}
.con_imagen2:hover img {
display: block;
}
Mi código:
Código HTML:
<img src='Imagen.png' width='12' height='12' alt='' border='2' class='Clase1'/><br>"
Lo que yo quiero hacer es que al pasar el mouse por encima de esa imagen, a unos pixeles de tal imagen, aparezca la misma, pero con otro tamaño.
Espero se haya entendido.
Desde ya, un saludo y gracias.