Benni: Hover im IE6 funktioniert nicht

Beitrag lesen

SELF-Forum

Hover im IE6 funktioniert nicht

Benni
– Informationen zu den Bewertungsregeln

Hi,
Du schreibst

für a:link und a:hover unterschiedliche Formatierungen

Diese existieren aber doch gar nicht in meinem Beispiel.
Ich habe sie daher ergänzt (absichtlich mit unterschiedlichen Farben) und auch die Reihenfolge (hoffentlich richtig) geändert. Aber es funktioniert nach wie vor nicht.
Wenn ich das Bild überfahre, bleibt dieses unverändert und der Text "Normalansicht" verschwindet.
Wenn ich den Text überfahre, flackert dieser bzw. wenn ich den Cursor auf ihm nicht mehr bewege verschwindet er auch.

Hier das korrigierte Beispiel:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<style type="text/css">  
<!--  
.myIlinks img {display:inline-block; vertical-align:middle;  
               width:48px;height:40px; border:none;}  
.myIlinks span {display:inline-block; vertical-align:middle;}  
.myIlinks .invers {display: none;}  
.myIlinks:hover .normal {display: none;}  
.myIlinks:hover .invers {display: inline-block;}  
  
#msie .myIlinks img {zoom:1; display:inline; vertical-align:middle;  
                     width:48px;height:40px; border:none;}  
#msie .myIlinks span {zoom:1; display:inline; vertical-align:middle;}  
  
#msie a:link {color: green;}  
#msie a:hover {color: black;}  
  
  
#msie .myIlinks .invers {display: none;}  
#msie .myIlinks:hover .normal {display: none;}  
#msie .myIlinks:hover .invers {display: inline;}  
  
  
-->  
</style>  
</head>  
  
<body>  
<!--[if lt IE 8]><div id="msie"><![endif]-->  
<p>  
  <a class="myIlinks" href="http://www.example.com">  
    <span class="normal"><img src="img1.gif" alt ="">Normalansicht</span>  
    <span class="invers"><img src="img2.gif" alt ="">Hoveransicht</span>  
  </a>  
</p>  
<!--[if lt IE 8]></div><![endif]-->  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln