zwei background-images übereinander

[jesus123]

ist es möglich, zwei background-images übereinander zu haben, etwa so:

div#Navigation
{
position: absolute; top: 0px; left:0px;
background-image:url(images/navibark.gif); background-repeat: repeat-y;
}

div#Navigation table
{
position: absolute; top: 200px; left:25px;
background-image:url(images/navispace.gif); background-repeat: repeat-y;
}

ich weiß nicht, ob man das so machen kann oder ob ich völlig auf dem holzweg bin, jedenfalls wird bei mir die navibark.gif nicht angezeigt...


LG und danke im vorraus!

 

[Asterixus]

Gib am besten noch an, wie hoch diese sein sollen.

 

[jesus123]

was meinst du genau mit "wie hoch"?

meinst du die height der bilder oder den z-index? spielt die height denn überhaupt eine rolle, wenn ich repeat-y habe?

 

[threadi]

Er meint die Höhe von div#Navigation. Wobei du auf die absolute Positionierung von div#Navigation table verzichten könntest. Statt position, top und left reicht ein "margin-top: 200px;". Absolute Positionierung ist nicht immer der Weg zum Ziel.

 

[jesus123]

Er meint die Höhe von div#Navigation.

jo, die höhe wars. als ich es das erste mal ausprobiert habe, hat es irgendwie nicht funktioniert, jetzt läufts. wahrscheinlich irgend ein flüchtigkeitsfehler drin gewesen...

Wobei du auf die absolute Positionierung von div#Navigation table verzichten könntest. Statt position, top und left reicht ein "margin-top: 200px;". Absolute Positionierung ist nicht immer der Weg zum Ziel.

da hast du wohl recht:lol:


LG und vielen dank!