Cómo mantener la imagen de fondo en la parte inferior izquierda, incluso desplazándose

Question

Me preguntaba si hay una manera de mantener mi imagen de fondo en la parte inferior izquierda todo el tiempo, incluso si el usuario desplaza el navegador. Mi CSS actual puede hacer que la imagen aparezca en la parte inferior del navegador cuando se carga el sitio, pero si me desplazo por el navegador, aún permanecerá en la misma ubicación. Agradezco cualquier ayuda.

html, body 
{ 
background-image:url("backgroundBottom.png"); 
background-position:bottom left; 
background-repeat:no-repeat; 
background-attachement:fixed; //I just add this, don't think this would work. 
font-family:"Georgia, self"; 
font-size:"30px"; 
margin:0px; 
height:100%; 
text-align:center; 
} 

Answer 1

está configurando el fondo en ambos los elementos cuerpo HTML &.

El código se ve bien, fondo adjunto: fijo es lo que necesita.

Así que en CSS en forma abreviada, acaba de escribir

body { 
    background: url(backgroundBottom.png) bottom left no-repeat fixed; 
} 

Answer 2

si se trata de una imagen fija sin repetición, lo recomiendo ponerlo en su propia etiqueta div que es exactamente la misma anchura y altura que la imagen.

<div id="BackgroundImage"></div> 

continuación, utilizar el siguiente CSS

#BackgroundImage{position: fixed; width="xx"; height="yy"; bottom:0px; left:0px;} 

obviamente adaptados a sus necesidades

El punto principal es position:fixed

Genera un elemento con posición absoluta, posicionado en relación con la ventana del navegador. la posición del elemento se especifica con la "izquierda", "superior", "derecho", y las propiedades de "fondo"

http://www.w3schools.com/Css/pr_class_position.asp

Answer 3

que se usa fondo a colocar * e * ción: fijo;

intente deletrearlo mejor como background-attachment: fixed;