z-index bei table?

[hardie82]

hi, ich wollt mal fragen, ob man den z-index auch auf tabellen ansetzen kann. also position:relative und dann mittels javascript ein und ausblenden kann?

[pit-r]

Moin!

Klar kannst Du Tabellen z-Indizes verpassen und mit JS geht das auch dynamisch. Zum Ein- und Ausblenden ist es aber sinnvoller entweder mit display oder visibility rumzuspielen.

Ahoi - Pit

[hardie82]

danke. mit display will ich auch arbeiten. so ne art drop-down menü solls werden. die z-index brauch ich, um den hintergrund zu überlagern und nicht nach unten zu schieben. is da mein gedankengang richtig, oder geht das gar nicht?

[dkdenz]

is da mein gedankengang richtig, oder geht das gar nicht?

Dein Gedankengang ist vollkommen richtig...

[hardie82]

okay...danke, aber ich blicks nicht. es funzt einfach nicht so wie ich will. dazu ne kurze zwischenfrage: funzt z-index eigentlich nur mit position=absolute, oder geht dafür auch position=relative?

weil ich wollte folgendes machen:

eine tabelle, die als haupmenü dient. eine zeile und x spalten. da drunter ist ein bild zu sehen. wenn man nun über eine spalte aus dem "menü" fährt, soll sich ein untermenü anzeigen, ohne das sich das bild mit nach unten verschiebt. die untermenüs(weitere zeilen der tabelle) habe ich per display:none ausgeblendet. mittels javascript wollt ich die dann wieder einblenden und mittel z-index über das bild legen. aber an dieser stelle hackts irgendwo.

[Harry Hunt]

z-index funktioniert soweit ich weiß nur mit position: absolute;

[dkdenz]

z-index funktioniert soweit ich weiß nur mit position: absolute;

Exaktamente...

[pit-r]

Moin!

z-index funktioniert soweit ich weiß nur mit position: absolute;

Geht auch mit relative.

@hardie82: poste doch mal, was Du hast - das würde es erleichtern, Dir zu helfen.

Ahoi - Pit

Edit - @dkdenz: hab's jetzt nicht explizit gecheckt, weiß aber, daß IE, Opera und Fifo damit keine Probleme haben...

[Harry Hunt]

Danke für den Hinweis!

*nachschlag*

Sieht so aus, als ob sich der z-index bei position:relative auf das Parent-Element bezieht und nicht mehr auf "alles". Außerdem scheint der IE 5 den z-index bei position:relative einfach zu ignorieren.

[dkdenz]

Jetzt bringt ihr mich ganz schön durcheinander...

[pit-r]

Hi!

Mach mal sowas:

<div style="position: relative;z-index:10;background-color: red;">Blah</div>
<div style="position: relative;z-index:9;top:-20px;background-color: green;">Blubb</div>

Schwarzes 'Blah' auf rotem Grund ist "oben".

Ahoi - Pit