overflow

[Sissy]

Hallo,

habe für einen div overflow:hidden festgelegt.

Möchte jetzt aber noch mit css einen Tooltip für bestimmte Wörter verwenden. Diese werden derzeit an der Kante abgeschnitten. Klar da overflow:hidden.

Frage wie kann man nun overflow:hidden aufheben wenn ich mit der Maus über das Wort fahre damit nur der Tooltip über diesen div hinausragt?

Gruß
Sissy

[ChrisB]

Hi,

Frage wie kann man nun overflow:hidden aufheben wenn ich mit der Maus über das Wort fahre damit nur der Tooltip über diesen div hinausragt?

Ähnliche aktuelle Fragestellung: Element trotz overflow:hidden überlappen lassen

MfG ChrisB

[Sissy]

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>