PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Bilder übereinander mit z-index

notafake
20.11.2009, 11:49:06
Moin
Gleich zur Sache: Hatte mit z-index auch schon elemente übereinander gelagert, das waren allerdings div's.
Ich komme nicht darauf warum es nicht funktioniert:


<div id="navigation" >
<img src="images/sized.JPG" alt="Corrupt Picture" style="position: relative; z-index: 1;" />
<img src="images/partJAM.png" alt="Corrupt Picture" style="position: relative; z-index: 2;" />
</div>


css:

#navigation {
border: solid;
width: 318px;
height: 600px;
}



Das zweite Bild erscheint jedoch einfach unter dem div. Könnt ihr mir weiterhelfen?

Grüsse
Indyk
20.11.2009, 13:14:53
Hallo notefake,

hast du mal versucht dem div einen kleineren z-index manuell zuzuweisen? also 0 z.b.
oder einfach höhere werte bei den bildern? bei bild 2 z.b. mal 999 ausprobieren.
notafake
20.11.2009, 13:36:53
Hallo Indyk
hat leider auch nichts gebracht, das zweite bild wird immernoch unterhalb des divs angezeigt.
und mit minuswerten bei margin-top bin ich auch nicht weiter gekommen, komischerweise hat sich das bild bis -300 nach oben bewegt und ist dann wieder nach unten gerutscht, komische sache...
Indyk
20.11.2009, 13:41:35
kann man sich das irgendwo angucken?
notafake
20.11.2009, 13:48:57
ok habe als beispiel eine testsite gebastelt
http://notafake.bplaced.net/testing/testing.php
hoffe ihr versteht mein Anliegen
Indyk
20.11.2009, 13:59:05
ach gott notefake..

"mit unter" meinst du unter und nicht drunter ( ; ich dachte da stimmt was mit dem z-index nicht und der div überlappt dein bild aber dein bild wird ja einfach nur außerhalb (unter) dem div ausgegeen.

gibt mal deinen div das attribut "position:relative" und den bildern eine absolute position, das sollte dann funktionieren.
notafake
20.11.2009, 14:08:48
Missverständnis, dein unter ist für mich hinter ^^
Vielen dank für die Hilfe, jetzt klappts :) Eine Testseite hat halt noch fast immer geholfen.

Grüsse