bild laden bei mouseover

Status
Nicht offen für weitere Antworten.

Brauni

Erfahrenes Mitglied
servus

Habe hier mal folgendes Coding, ich glaube sogar aus diesem Forum, kopiert um ein zweites bild zu laden beim mouseover. Im Prinzip soll das vergrösserte Bild von der Miniaturansicht angezeigt werden bei mouseover.

Das Coding funktioniert super im Firefox und IE7. Allerdings im IE6 nicht.
Habt ihr vielleicht eine Ahnung wieso?

Code:
<html>
<head>
<style type="text/css"> 

a.info{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info:hover{z-index:2;} 

a.info span{
display: none;
} 

a.info:hover span{ 
    display:block; 
    position:absolute; 
background-image: url(122007.JPG); 
    top:10px; left:10px;width:250px; height:300px; 
     } 

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>

<body>
<a class=info href=""><img src="rosenw_kl.jpg" border="0" alt="">
<span></span></a>
</body>
</html>
 
Hi,

mit dieser Regelerweiterung blendet auch der IE6 das Element ein:

Code:
a.info:hover{
border:none;
z-index:2;
}

background:none führt hier zum selben Ergebnis.
 
Status
Nicht offen für weitere Antworten.
Zurück