Horst: Zwei Grafiken übereinanderlegen

Beitrag lesen

Hallo,

eine Grafik hat 640 x 480 Pixel und ist transparent. Ich nenne die mal Spotlight.

Spotlight soll im Browser an einer bestimmten Position fixiert sein, idealerweise in der Mitte.

Die zweite Grafik ist größer als Spotlight und soll mit unterschiedlichen Positionen (x, y verschiebbar) unter Spotlight gelegt werden, so dass von der darunterliegenden Grafik nur der Ausschnitt der Größe von Spotlight gezeigt wird.

Der Rest der zweiten Grafik soll also nicht zu sehen sein, sondern nur ein Ausschnitt von 640 x 480, im einfachsten Fall von 0,0 beginnend oder beliebig an x,y, siehe Schema.

|-----------------------|
||-----------|          |
|| Spotlight |          |
||____fix____|          |
|_______________<->_____| Zweite Grafik

Wie kann ich eine solche relative Positionierung machen?

Viele Grüße,
Hotte