Tom-misch: IE6 tut's nicht... (Workaround?)

Beitrag lesen

Hi Cheatah,

habe das mal mit z-index probiert. Siehe unten. Klappt auch im NS7. Aber nicht im IE6. Liegt das an mir oder am IE6?

Habe es auch gerade noch mal in Opera 7.23 angeschaut. Da tut's auch. Irgendeiner eine Idee für den IE? (Zur Einfachheit unten noch einmal der gesamte Code.)

Für den zweiten Fall: Und da ich ja die auch eine schöne Darstellung für die IE-Freunde bereitstellen möchte. Gibt's da einen Workaround?

<html>
<head>
<style type="text/css">
<!--
     a span {display:none; position:absolute; top:2px; left:10px;}
     a:hover span {display:block; width:300px; background:#f0f0f0;}
     a:hover {border:none;}
-->
//</style>

</head>
<body><br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x
     <span style="position:relative; background:#ff0000"> text texttext texttext texttext texttext texttext text
          <a href="xxx">Link mit teilweise überdeckter Box
               <span style="z-index:2;">hidden<br>text<br>hidden<br>text</span>
          </a>
     </span>
     <br>
     <span style="position:relative; background:#ff0000; z-index:1;"> text texttext texttext texttext texttext texttext text
          <a href="xxx">Kein relativer Text zum überdecken???
               <span>hidden<br>text<br>hidden<br>text</span>
          </a>
     </span>
     <br>
     <span style="background:#00ff00">Kein relativer Text!!!
     </span>
</body>
</html>