Hallo ChrisB, bei mir sind die span aber ineinander verschachtelt und die css-Anweisungen entsprechend des Beispiels unten. Aber wie schon geschrieben der tooltip wird leider abgeschnitten.
Hast Du vielleicht eine Lösung?
Gruß
Sissy
#box {
overflow: hidden;
}
.tooltip {
position: relative;
border-bottom: 0.1em dotted blue;
}
.tooltip span {
display: none;
}
span.tooltip:hover span {
width: 300px;
display: block;
position: absolute;
top: 20px;
left: 30px;
}
<div id="box">
<span class="tooltip">WORT<span>Hier stehen Infos, die beim Drüberfahren mit der Maus sichtbar werden</span></span>
</div>