Das Problem ist, dass das untere Bild, dass sich eigentlich ganz unten in der "backgroundbox" befinden sollte,
Warum meinst Du, dass es das sollte?
Dass es sich dort befinden sollte, bedeutet, dass ich versucht habe, es so zu positionieren, dass dies meiner Meinung nach eintreten sollte, dies aber nicht geschehen ist. So war es zumindest zu dem Zeitpunkt, als ich den Thread erstellt habe. Mehr dazu unten...
[...]mein Code[...]
Woah. Welche von der Darstellung vollständig unabhängigen Beweggründe haben zu den Klassennamen, den inhaltlichen Elementen (<img>) sowie der Tatsache, dass Du Klassen einsetzt, geführt?
Spricht denn etwas dagegen, Klassen zu verwenden?! Oder ist mir jetzt der Witz entgangen?
Das Selbe gilt für die Image Tags: was spricht gegen deren Verwendung in diesem Zusammenhang?
Die absolute Positionierung richtet sich nach dem innersten Vorfahrenelement, welches eine von "static" unterschiedliche position-Angabe besitzt, bei Nichtvorhandensein eines solchen nach dem Viewport.
Das wusste ich zwar bereits, hatte mir aber nicht klar gemacht, was die Konsequenzen daraus sind. Danke dafür, auch wenn ein kurzer, konkreter Hinweis auf eine Lösung (und nicht nur das Grundprinzip) noch nett gewesen wäre. Naja, es ging auch so, ich will mich nicht beklagen.
Meine jetzt gewählte Lösung ist, beim <div>, welches die Bilder enthält, einfach position:relative; an zu geben und sonst keine Angaben zur Position zu machen. Spricht da etwas dagegen?
Gute Nacht...
Ich weiß, dass ich nichts weiß. (Sokrates)