Hallo,

ich habe folgendes CSS:

/*Hotel Stadt Norden*/
a#hotelstadtnorden {
color:#ffffff;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
width : 9px;
height : 9px;
/* Positionen oben rechts unten links*/
margin : -1px 0 0 93px;
}
a#hotelstadtnorden:hover {
background: transparent;
color:black;}
a#hotelstadtnorden span {display:none;}
a#hotelstadtnorden img {
padding-top: 25px;
border: none;
}
a#hotelstadtnorden:hover span {
text-align: center;
position:absolute;
display:block;
width:320px;
height: 500px;
color:black;
background : url(../de/images/png/infobox_hotelstadtnorden.gif) no-repeat;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
margin-top: -93px;
margin-left: 311px;
padding-top:30px;
}

Damit zeige ich dann, wenn die Maus über einen Punkt fährt eine Infobox an. Nun versuche ich eine Lösung zu finden, dass die Infobox nach verlassen des Punktes sichtbar bleibt. Weil die User immer wieder versuchen mit der Maus auf diese Infobox zu kommen. Hier könnt ihr mal sehen wie ich das meine.

Ist das so möglich?

Gruß Joki

In CSS ist es so vorgesehen, dass sobald der Mauszeiger die Hover-sensitive Fläche verlässt, der Hovereffekt beendet wird. Ältere IE verhalten sich hier zwar teilweise anders, das entspricht aber nicht der Spezifikation.

Um dennoch das 'Stehen bleiben' der Hovereinblendungen zu erreichen, wird man um den Einsatz von Skriptsprachen nicht herumkommen.