Background Fixed

Update: This post indicates how to make your web background static when mouse scrolling

Alguna vez os ha pasado que en vuestra página, al bajar el scroll termina el fondo y vuelve a repetirse?

Más o menos como esto:

Pues aquí está la solución:

la imagen del body se define en el css, y esto debéis poner:

body {
          background-image: url(direccion_de_tu_imagen.jpg);
          background-attachment: fixed;            /* para que sea estático */
          background-position: top right;         /* arriba a la derecha */
          background-repeat: no-repeat;        /* que no se repita el fondo */
}

Por otro lado, si lo queréis aplicar a otro elemento, como un pequeño login que siempre esté visible o un div, etc, ponedle estos atributos:

position: fixed;       /* Estático en la página*/

top:   10 px;              /* separación de la ventana del navegador por arriba.*/

left/right: 10px;     /*separación de la ventana del navegador por la derecha/izquierda.*/

Espero que os haya servido :P