Tengo una imagen de 500x500 px que se establece como imagen de fondo en mi sitio web (como imagen de fondo de <body>) Pero necesito que esta imagen se ubique en la esquina inferior derecha de la página web. ¿Cómo puedo conseguir esto? (mejor con el método css)¿Cómo colocar la imagen de fondo en la esquina inferior derecha? (CSS)
Gracias.
voilla:
body {
background-color: #000; /*Default bg, similar to the background's base color*/
background-image: url("bg.png");
background-position: right bottom; /*Positioning*/
background-repeat: no-repeat; /*Prevent showing multiple background images*/
}
Las propiedades de fondo se pueden combinar entre sí, en una propiedad de fondo. Consulte también: https://developer.mozilla.org/en/CSS/background-position
¿Usted intentó algo como:
body {background: url('[url to your image]') no-repeat right bottom;}
Esto debe hacerlo:
<style>
body {
background:url(bg.jpg) fixed no-repeat bottom right;
}
</style>
para más exactamente posicionamiento:
background-position: bottom 5px right 7px;
Bien hecho para proporcionar un ejemplo en el ajuste preciso de la alineación de la imagen de fondo en relación con el "punto de acoplamiento" a través de los píxeles –
Thnx, me has ayudado a callar mucho hoy))) – Ilja
No funciona, cuando la imagen de fondo es más alta que la altura de la pantalla ... – Legionar
@Legionar Funciona bien para mí, en Chrome 43 y Firefox 38. –