Welche Technik

[torben1]

Hallo da draußen,

hat jemand einen Plan, oder hat es schon mal gemacht? Ich meine den Effekt das der Hintergrund stehen bleibt und dann verschieden Hintergrundbilder geladen werden.

Auf
http://demicreative.com/
oder auf
http://milkandpixels.com/
könnt Ihr sehen was ich meine

Torben

 

[Nathea]

Das 2. Beispiel ist "nur" 1 Bild, oder? Wie so etwas gemacht wird, kannst Du z.B. hier nachlesen: Klick und klick

Ansonsten ist hier noch ein interessanter Beitrag zu "multiple backgrounds": Klick

 

[torben1]

Hej Nathea,

Danke für die Antwort. Das bringt mich aber nicht Weiter. Ich möchte ja das verschiedene Hintergründe zum Einsatz kommen und diese dann "stehen" bleiben.

Im 2. Beispiel werden zwei Hintergründe genutzt. Bild und Karte.

 

[Bananenbieger]

Fixed Background auf div legen? Du kannst Dir doch direkt mit dem Webinspektor ansehen, wie es gemacht wird.

Quick-and-Dirty hier hoffentlich alle relevanten CSS-Anweisungen für das div.

background-attachment: fixed;background-clip: border-box;
background-color: 
rgb(255, 255, 255);
background-image: url(http://milkandpixels.com/wp-content/themes/milkandpixels/images/map.jpg);
background-origin: padding-box;
background-size: cover;

 

[torben1]

Hej Bananenbieger, wie kann ich mit Deinem Code nun das Beispiel von http://demicreative.com/ nachbauen? Ich sehe gerade den Grundsatz nicht...

 

[mkr*]

Ist deine Frage auch auf dem iPad sichtbar? Falls ja, verstehe ich es nicht ganz, beim Zweiten Beispiel ist doch das eine Bild als Hintergrund und dann liegen da andere divs drüber. Bei dem Ersten Beispiel sind es doch auch nur divs, die untereinander liegen.

Falls die Seite auf dem iPad anders aussieht vergiss meine Antwort oben, hab gerade leider keinen Rechner in der Nähe.

 

[torben1]

Beispiel 2 ist schlecht gewählt... Das hatte ich mir nicht genau angesehen
@mkr*: Auf dem iPad schaut es Anders aus...

 

[Bananenbieger]

Hej Bananenbieger, wie kann ich mit Deinem Code nun das Beispiel von http://demicreative.com/ nachbauen? Ich sehe gerade den Grundsatz nicht...

Ich hatte den CSS-Code von http://milkandpixels.com/ genommen.

Das von Demicreative ist aber ähnlich:

background-attachment: fixed;background-clip: border-box;
background-color: 
rgba(0, 0, 0, 0);
background-image: url(http://demicreative.com/workspace/media/images/process.jpg);
background-origin: padding-box;
background-position: 50% 50%;
background-size: cover;

Die legen den Background aber auf eine section und nicht auf ein div.

 

[torben1]

Danke - da habe ich den Wald vor lauter "ich weis nicht was" nicht gesehen. Ich habe die ganze Zeit nach einer jQuery-Lösung und dem passenden Namen gesucht...