✔ div box über eine Bild legen

[cleicht]

Hallo zusammen,

ich habe eine großes Image auf einer Seite und muss eine div box mit Text darin über das Bild legen. Der Text soll immer im Rechten unteren Bereich erschienen. Wie gehe ich da ran ohne das die nachfolgenden Elemente dadurch beeinflusst werden.

<div class="container"><div class="imgover">Ich bin der Text über dem Bild</div>
<div class="row"><img src="dummy.jpg" width="100%" height="350"></div>
</div>

Ich habe natürlich schon rumprobiert, habe aber Probleme damit das sich das gesamte Bild dann Plötzlich unter den nachfolgenden Text und andere Elemente schiebt.
Könnt Ihr mir einen Tipp geben?

Besten Dank für Hilfe

Christian

 

[SpiceLab]

Die Klasse .container wird relativ, und der Textbereich darin mit der gewünschten Ausrichtung absolut positioniert.

.container {position:relative}
.imgover {position:absolute;right:0;bottom:0;z-index:10}

 

[cleicht]

Super Klasse. Funktioniert.

Besten Dank

Christian