Tengo un 500×500 px imagen que se establece como una imagen de fondo en mi sitio web (como imagen de fondo de <body>) Pero necesito esta imagen se encuentra ubicada en una esquina inferior derecha de la página web. ¿Cómo puedo lograr esto? (mejor con el método css)

Gracias.

InformationsquelleAutor Ilja | 2011-10-11

4 Comentarios

  1. 100

    Voilà:

    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, en un fondo de la propiedad.
    Ver también: https://developer.mozilla.org/en/CSS/background-position

    • Thnx, y me han ayudado bastante el día de hoy )))
    • No funciona, cuando la imagen de fondo es mayor que la altura de la pantalla…
    • Funciona muy bien para mí, en Chrome 43 & Firefox 38.
    • Lo siento, por mi culpa, estaba trabajando, pero jquery estaba cambiando bottom a 0… :-/
    • He tenido que añadir background-attachment: fixed; para conseguir que esto funcione correctamente
  2. 16

    para obtener más exactamente posicionamiento:

          background-position: bottom 5px right 7px;
    • Bien hecho para la prestación de ejemplo en el ajuste de imagen de fondo de la alineación en relación a la «acoplamiento punto» a través de los píxeles
  3. 7

    Intenta algo como:

    body {background: url('[url to your image]') no-repeat right bottom;}

Dejar respuesta

Please enter your comment!
Please enter your name here