Axel Richter: Probleme mit z-index

Beitrag lesen

Hallo,

In einer der Spalte befindet sich Text, der mit einem Tooltip versehen ist. Dieser Tooltip wird mittels CSS-Eigenschaften beim überfahren mit der Maus ein- und ausgeblendet. Das funktioniert soweit auch, nur leider gibt es im Internet-Explorer das Problem, dass der geänderte z-index Wert anscheinend ignoriert wird, daher überlappt der Tooltip nicht den Text der darunterliegenden Spalte sondern beide sind auf gleicher Ebene.

Das Problem ist bekannt. Hier http://forum.de.selfhtml.org/archiv/2003/6/t50128/#m274361 trat es bereits einmal auf. Die Lösung damals war, das relativ positionierte Element, an dem sich die absolut positionierten Elemente orientieren, ganz außen herum zu legen. Das geht aber bei einer Tabelle nicht.

Schaut euch am Besten folgendes Beispiel an:
http://www.knusperklumpen.de/zindex-test.html

Du hast da die Verschachtelung

<a><div>Text<span>Text</span></div></a>

Das geht so nicht. Ein A-Element darf keine DIV-Elemente enthalten. Wozu brauchst Du das DIV da überhaupt? Wenn es einen tieferen Sinn hat, dann muss das ein SPAN werden.

Weiß jemand Rat wie man das auf beiden Browsern hinbekommt?

Wenn Dir ein

<td title="Erläuterungstext"><a href="#">Inhalt Spalte 3</td>

nicht genügt, dann wohl nur mit zusätzlichem JavaScript für den IE.

viele Grüße

Axel