Tian Kruse: Wiederholende Grafik unten mit weiterer Grafik dahinter

Beitrag lesen

Hallo,

ich versuche gerade auf einer Webseite eine Grafik einzubinden, die möglichst immer am unteren Ende des Browsers sein sollte, und sich horizontal wiederholt.

Dann möchte ich hinter dieser Grafik eine weitere Grafik packen (es ist ein Baum, der hinter halbtransparentem Gras liegt), die immer am linken Rand des Browsers liegt.
Dieser soll über Media Queries nur eingeblendet werden, wenn der Browser mindestens X Pixel breit ist.

Ein sich wiederholendes Bild ist über ne Hintergrundgrafik per CSS grundsätzlich ja recht einfach zu realisieren - genau wie das einblenden eines Elementes per Media Queries.

Was ich nicht hinbekomme ist, dass
1. der Baum hinter dem Gras ist, da ich das Gras nur als Hintergrundgrafik eines <div> Elements per CSS wiederholen kann, oder?
2. das Gras immer am unteren Rand des Browsers ist
3. der Baum immer am linken Rand des Browsers bleibt

Ich wäre froh, wenn Ihr mir ein paar Stichworte mit auf dem Weg geben könntet, wie sich das umsetzen lässt.

Beste Grüße
Tian