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

Beitrag lesen

Hi Cheatah,

hmm, ich trau mich das ja gar nicht richtig zu sagen, aber bei dem unten stehenden Code (unteres relatives Element hat negativen z-index) scheint der IE richtig zu liegen: Der grüne untere Text hat einen automatischen z-index von 0, also ist er höher als das Popup des zweiten Links. Und NS sollte schon negative z-indizes anzeigen. (Beim NS ist die zweite rote Zeile weg.) Naja, dafür macht er ja sonst fast alles schön brav.

Tom-misch

<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 style="z-index:-2;"><br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x
     <span>
     <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>