Axel Richter: Link hovern => wo anders passiert was! wie?

Beitrag lesen

Hallo,

das Folgende funktioniert in Mozilla 1.7 und in Opera 7.54, aber rate mal in welchem Browser das nicht geht!

Du kennst den a:hover-Trigger-Trick für den IE noch nicht?

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

a, a:link, a:active, a:visited, a:focus, {
  text-decoration:none;
  color:#000;
}

a .punkt {
  color:#FFF;
}

a:hover {
  color:black;
}

a:hover .punkt {
  color:#000;
}
-->
</style>
</head>
<body >
<a href="#">[&nbsp;<span class="punkt">&bull;</span>&nbsp;] meine Hobbies</a>
</body>
</html>

Der IE ändert das Aussehen von in A entaltenen Elementen bei A:hover nur, wenn sich das Aussehen des A-Elements selbst auch ändert, und sei es nur, dass sich die Farbe von #000 auf black ändert.

viele Grüße

Axel