nicht angemeldet
Hallo!
Bei folgendem Code ist mir etwas aufgefallen: Im IE6 und in NS7.0 ist der Text, der aufpoppt, wenn man über den ersten Link fährt nicht vollständig im Vordergrund: Er wird von der zweiten, relativ positionierten Zeile überdeckt. Nicht aber von der dritten Zeile, die nicht relativ positioniert ist.
Bei dem ersten und dem zweiten Link fällt aber auf, dass offenbar nur Bereiche aus "fremden" relativ positionierten Textstücken nicht überdeckt werden. Innerhalb des eigenen relativ positionierten Elements überdeckt die aufpoppende Box den Text.
Warum ist das so und kann ich auch mit der Box fremden relativen Text überdecken?
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><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>hidden<br>text<br>hidden<br>text</span>
</a>
</span>
<br>
<span style="position:relative; background:#ff0000"> 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>