nicht angemeldet
z-index geht nicht bei overflow:auto
Ich habe eine einfache Navi gebaut, die beim Überfahren mit der Maus nach unten ausklappt. Um es möglichst einfach zu machen, habe ich auf zunächst auf browserkompatibiliät verzichtet (IE untertsützt kein hover bei NICHT-Links).
Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>hi</title>
<style type="text/css">
#test { overflow:auto; background-color:red; }
#test div { display:none; position:absolute; background-color:red; z-index:10 }
#test:hover div { display:block }
</style>
</head>
<body>
<div id="test">
<a href="#">Div anzeigen</a>
<div>Hallo Welt</div>
</div>
<p style="overflow:auto;margin:0;padding:0">Dier Absatz ist overflow:auto</p>
</body>
</html>
Das Problem: "hallo welt" soll bei hover den p-Absatz überlappen. Dies geschieht aber nicht, wenn p die Eigenschaft overflow:auto hat.
z-index funktioniert trotz position:absolute auch nicht.
Hat jemand eine Idee?
-
#test {
background-color:red;
}