Wie man das Hintergrundbild unten links hält, sogar scrolling

Question

Ich frage mich, ob es eine Möglichkeit gibt, mein Hintergrundbild die ganze Zeit links unten zu halten, selbst wenn der Benutzer den Browser scrollt. Mein aktuelles css kann das Bild im unteren Bereich des Browsers erstellen, wenn die Seite geladen wird, aber wenn ich den Browser scrolle, bleibt es immer am selben Ort. Ich schätze jede Hilfe.

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

Sie die Einstellung der Hintergrund auf beiden HTML & BODY-Elemente.

Der Code sieht gut aus, Hintergrund-Anhang: behoben ist, was Sie brauchen.

So in Kurzschrift CSS, nur schreiben

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

Answer 2

wenn es ein festes Bild ohne Wiederholung ist, würde ich empfehlen, es in einem eigenen div-Tag setzt, die genau die gleiche Breite und Höhe wie das Bild ist.

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

Dann verwenden Sie die folgende CSS

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

offensichtlich auf Ihre Bedürfnisse zugeschnitten

Der wichtigste Punkt ist position:fixed

Generiert ein absolut positioniertes Element, relativ zu das Browserfenster. Die Position des Elements wird mit dem „links“, „oben“, „rechts“ und „unten“ Eigenschaften angegeben

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

Answer 3

Sie verwendet Hintergrund anbringen * e * ment: fixed;

versuchen, es besser zu buchstabieren wie background-attachment: behoben;