Buenos días, soy principiante en esta area y quiero diseñar una Web en la que yo pueda al pasar el mouse sobre una imagen me la amplie en otra capa, alguien me puede colaborar con el comado, de antemano muchas gracias.
Esto es lo que he encontrado pero no me sirve para la finalidad o que puedo mejorar
<style type='text/css'>
.thumbnail {position:relative; z-index: 0;}
.thumbnail:hover {background-color: transparent; z-index: 50;}
.thumbnail span { /*CSS Para la imagen ampliada*/
position: absolute;
padding: 0px;
border: 2px dashed gray;
visibility: hidden;
color: #000000;
text-decoration: none;
}
.thumbnail span img { /*CSS Para la imagen ampliada*/
border-width: 0;
padding: 0px;
}
.thumbnail:hover span { /*CSS Para ampliar la imagen sobre hover*/
visibility: visible;
left:50px
}
</style>
=============================================
<a class="thumbnail" href="url_address><img src="objetos/to_rent01.jpg" width="50" height="50"/><span><img src="objetos/to_rent01.jpg" width="300" height="200"/><br/></span></a></td>
Gracias