Benni: Tooltip funktioniert nicht korrekt in Opera 9.02

Beitrag lesen

SELF-Forum

Tooltip funktioniert nicht korrekt in Opera 9.02

Benni
– Informationen zu den Bewertungsregeln

Hallo,
in Opera 9.64 funktioniert nachfolgendes Beispiel einwandfrei, nicht aber in Opera 9.02.
Dort gelingt es nur nach mehreren Anläufen, dass das Tooltip-Fenster angezeigt wird. Der Cursor ändert zwar die Form beim Überfahren, warum manchmal des Fensterchen aufgeht, manchmal nicht, ist mir schleierhaft.
Hier das Beispiel:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<style type="text/css">  
<!--  
a.tooltip  {  
  position: relative;  
  }  
  
a.tooltip span {  
  display: none;  
  text-decoration: none;  
}  
  
a.tooltip:hover span {  
  display: block;  
  position: absolute;  
  top: 20px;  
  left: 0;  
  width: 200px;  
  z-index: 100;  
  color: #000000;  
  border:1px solid #000000;  
  background: #FFFFCC;  
  font: 12px Verdana, sans-serif;  
  text-align: left;  
  }  
  
a.tooltip span b {  
  display: block;  
  margin: 0;  
  padding: 0;  
  font-size: 16px;  
  font-weigth: bold;  
  color: yellow;  
  background-color: gray;  
  border: 0px;  
  border-bottom: 1px solid black;  
}  
  
-->  
</style>  
</head>  
<body>  
<h1>CSS-Tooltip</h1>  
<p>  
Hier ist ein <a class="tooltip" href="#">Tooltip <span>Hallo, hier ist der Tooltip!</span></a>  
und hier noch <a class="tooltip" href="#">weiterer  
  <span><b>Überschrift</b>Zeile 1<br>Zeile2<br>Zeile3</span></a>.  
</p>  
</body>  
</html>

Gruß
Benni

Beitrag melden
–
Informationen zu den Bewertungsregeln