1

Hola comunidad necesito posicionar una imagen como se ve la primera imagen "resultado esperado" con CSS.

Resultado esperado

Intento de código

1
  • Podrías pegar tu codigo html y css ? De esa manera sabremos en qué estás fallando
    – David
    el 6 ago. 2022 a las 9:41

1 respuesta 1

3

Te falta la propiedad overflow. Con ella puedes regular la visiblidad de los contenidos que sobresalen de una caja html. En este caso con el valor hidden lo que haces es ocultar todo lo que salga de esa caja.

#myDiv {
  width: 500px;
  height: 500px;
  background-color: black;
  position: relative;
  overflow: hidden;
}

#myDiv img {
  position: absolute;
  left: 150px;
  top: 150px;
}
<div id="myDiv">
  <img src="https://images.vexels.com/media/users/3/157970/isolated/preview/c156b4270aea292b9b335dd463ea17eb-icono-de-planeta-tierra-icono-de-tierra.png" alt="">
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.