Benni: Hover im IE6 funktioniert nicht

Beitrag lesen

SELF-Forum

Hover im IE6 funktioniert nicht

Benni
– Informationen zu den Bewertungsregeln

Hallo Ihr beiden Helfer,
obwohl Eure Erklärung trivial erscheint, habe ich sie wohl doch nicht verstanden.
Ich habe das Beispiel ergänzt um:

.myIlinks:hover {
    color:#000000;
}
und
  <a class="myIlinks" href="http://www.example.com">
ersetzt durch
  <a class="myIlinks" href="http://www.example.com" style="color:black;">

Allerdings ohne Erfolg.

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<style type="text/css">  
<!--  
.myIlinks .invers {  
     display: none;  
 }  
.myIlinks:hover .normal {  
     display: none;  
 }  
.myIlinks:hover .invers {  
     display: inline-block;  
 }  
.myIlinks img  
   {display:inline-block; vertical-align:middle; width:48px; height:40px; border:none;}  
.myIlinks span  
   {display:inline-block; vertical-align:middle;}  
#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 .myIlinks .invers {  
     display: none;  
 }  
  
  
  
#msie .myIlinks:hover {  
     color:#000000;  
}  
  
  
  
#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" style="color:black;">  
  
  
  
     <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>

Gruß
Benni

Beitrag melden
–
Informationen zu den Bewertungsregeln