Breaking

Post Top Ad

Your Ad Spot

lunes, 18 de marzo de 2019

Cómo posicionar la imagen sobre la imagen usando CSS

En alguna situación, es posible que deba colocar una imagen sobre otra. Colocar una imagen sobre otra es muy fácil con CSS. Puedes colocar fácilmente la imagen sobre otra imagen usando CSS. En este tutorial, le mostraremos cómo colocar una imagen sobre una imagen usando HTML y CSS.
Los fragmentos de código HTML y CSS de ejemplo colocan una imagen sobre otra imagen. 
Código HTML:
< div  class = "parent" >
    < img  src = "http://www.xwebtools.com/dummy-image/600x400/000/fff" />
    < img  src = "http://www.xwebtools.com/dummy-image/85x70/fff/000"  class = "over-img" />
</ div >
Código CSS:
.parent {
     posición :  relativo ;
}
.over-img {
     posición :  absoluta ;
    superior :  80 % ;
    izquierda :  20 % ;
}
Puede cambiar la posición de la imagen de superposición utilizando topleftPropiedad en CSS.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas