Bilder übereinander legen

Status
Nicht offen für weitere Antworten.

sabine

Mitglied
Hallo zusammen.

Folgende Frage habe ich diesmal:

Ist es möglich, ein Bild über ein anderes Bild mittels CSS zu legen ? bzw. zu schieben ( layer etc ) ? Ich möchte keines der beiden Bild als Hintergrund einer Tabelle verwenden um später dann, dass zweite Bild darüber zu legen. Dies würde zwar den gewünschten Effekt erzielen, wäre aber ungünstig.

Danke, und ein schönen Samstag noch.
 
Hi,

das Übereinanderlegen von verschiedenen Objekten kannst du mit "z-index"
erreichen:


Code:
#unten
{
background-color:#efefef;
width:100px;
height:100px;
z-index:0;
}
#oben
{
background-color:#cdcdcd;
position:absolute;top:15px;left:20px;
width:50px;
height:50px;
z-index:1;
}

HTML:
<div id="unten"><img scr="" width="90" height="90" /></div>
<div id="oben"><img scr="" width="50" height="50" /></div>

Du kannst auch noch mehr darüber machen, indem du den index immer um 1 erhöhst.

Greetz
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück