Cosa sencilla, creo; pero no encuentro la solución. He buscado por aquí y por stack overflow pero no encuentro la respuesta a lo que busco.
Tengo una div con una imagen como fondo.
Lo que busco es que al aplicar background-image y background-position, la imagen tome como referencia su borde inferior y se corte por arriba lo que sea necesario, y no al revés como ocurre habitualmente.
Tengo esto:
Código HTML:
<div id="background" class="div-permisos-foto"> <div class="titulo-permiso"> B </div> </div>
Cita:
Espero haberme explicado bien .div-permisos-foto{
width:100%;
height:38em;
margin:auto;
max-width:100%;
max-height:100%;
position:relative;
background-image:url(b/B.jpg);
bacground-position:bottom center;
z-index:0;
}
width:100%;
height:38em;
margin:auto;
max-width:100%;
max-height:100%;
position:relative;
background-image:url(b/B.jpg);
bacground-position:bottom center;
z-index:0;
}
Gracias compañeros.
