Axel Richter: Anderes Thema: :hover + z-index

Beitrag lesen

Hallo Dave,

ich wollte nicht noch einen Thread aufmachen: Kann man bei links mit :hover einen anderen z-index erzeugen? Ich habs mal ausprobiert, entweder es geht nicht oder ich machs falsch :-(

Das sollte gehen. Allerdings braucht der IE irgendwas, was das :hover-Ereignis "anschubst". Das alleinige Ändern des z-index reicht nicht. Geckos (Mozilla, Netscape 7 ...) können das auch ohne zusätzliche "Trigger-Aktion".

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Hover</title>
<style type="text/css">
<!--
a {font-size:40px;}

a.b1 {display:block; position:absolute; top:100px; left:100px; border:1px solid black; background-color:#00AEAD; z-index:0;}
a.b1:hover {background-color:#FF7D7B; z-index:2;}

a.b2 {display:block; position:absolute; top:120px; left:120px; border:1px solid black; background-color:#AD00FF; z-index:1;}
a.b2:hover {background-color:#FF007B; z-index:2;}
-->
</style>
</head>
<body>
<a class="b1" href="#">Bereich 1</a>
<a class="b2" href="#">Bereich 2</a>
</body>
</html>

viele Grüße

Axel