Z-Index

[Oliver]

Moin,

ich hab da ein Problem mit dem Abbilden verschiedener Ebenen abgeleitet aus dem Beispiel zur Infobox (http://selfaktuell.teamone.de/tippstricks/css/infobox/index.htm).

Ich möchte eine Karte generieren, bei der nur Grafiken sichtbar sind und beim Hoover weitere Informationen angezeigt werden. Dies geschieht über die Infobox und funktioniert soweit. Jedoch scheinen die anderen Verknüpfungen durch, so daß der Text aus der Infobox überlagert wird.

Hier meine css-Formatierungen:

#box  {
POSITION: ABSOLUTE;
TOP:         -2px;
LEFT:  0px;
Z-INDEX: 1;
}

#box a {
COLOR:  #FFFFFF;
BACKGROUND: #CEE3FF;
FONT:          11px verdana, sans-serif;
TEXT-DECORATION:NONE;
DISPLAY: BLOCK;
PADDING:        0px;
Z-INDEX: 2;
}

#box a:hover  {
COLOR:  #000000;
BACKGROUND: #CEE3FF;
BORDER-TOP: 1px solid #DDDDDD;
BORDER-LEFT: 1px solid #DDDDDD;
BORDER-RIGHT: 2px solid #202020;
BORDER-BOTTOM:  2px solid #202020;
Z-INDEX: 3;
CURSOR:  CROSSHAIR;
}

#box a span  {
DISPLAY: NONE;
Z-INDEX: 4;
}

#box a:hover span {
COLOR:  #000000;
BACKGROUND: #EFF7FF;
FONT:  NORMAL 11px verdana, sans-serif;
DISPLAY: BLOCK;
PADDING: 0px;
WHITE-SPACE: NOWRAP;
Z-INDEX: 5;
CURSOR:  POINTER;
}

Könnt ihr mir vielleicht helfen?

Gruß,
Oliver

[Zeromancer]

Hallo,

kann man das irgendwo sehen? Kommt es nur in bestimmten Browsern vor?

Mit freundlichen Grüßen

André

[MudGuard]

Hi,

Ich möchte eine Karte generieren, bei der nur Grafiken sichtbar sind und beim Hoover weitere Informationen angezeigt werden. Dies geschieht über die Infobox und funktioniert soweit. Jedoch scheinen die anderen Verknüpfungen durch, so daß der Text aus der Infobox überlagert wird.

#box a {
COLOR:  #FFFFFF;
BACKGROUND: #CEE3FF;
FONT:          11px verdana, sans-serif;
TEXT-DECORATION:NONE;
DISPLAY: BLOCK;
PADDING:        0px;
Z-INDEX: 2;
}

z-index gilt nur für positionierte Elemente. Dein Element wird aber nicht positioniert.
Bei den weiteren Teilen genauso.

cu,
Andreas