Div container in verschiedene ebenen positionieren
teddy86
- css
Guten Tag!
Ich habe einen div-Container, der ein Bild enthällt:
<div style="padding: 5px 5px;"><img src="bild.jpg" width="150px" height="114px"></div>
Nun möchte ich auf dieses Bild einen weiteren Divcontainer legen, der mit Hintergrundfarbe und Schrift eine Beschriftung des Bildes Darstellen soll.
Wie kann ich einen Weiteren div-Container über das Bild positionieren? position:absolute geht nicht, da das Bild an verschiedenen absoluten Positionen stehen kann..
Gruß teddy86
<div style="padding: 5px 5px;position:relative;">
<div style="position:absolute; top:5px;left:5px;width:150px;height:114px;z-index:2">Text der das Bild beschreibt</div>
<img style="z-index:1;" src="bild.jpg" width="150px" height="114px">
</div>
Probiers mal mit sowas. Habs jetzt nicht genau probiert, aber sollte funktionieren.
Gruß Ben
Hi Ben!
Probiers mal mit sowas. Habs jetzt nicht genau probiert, aber sollte funktionieren.
Jau, danke! Geht..
lg teddy