CSS/JavaScript - Inhalt außerhalb eines Elements mit Überlauf: versteckt

Question

Ich habe ein Container-Div-Element, das overflow:hidden darauf hat. Leider ist diese Eigenschaft aufgrund der Art, wie die Site erstellt wird, erforderlich.

In diesem div ist es der gesamte Inhalt der Website, einschließlich einiger Tooltips. Diese Tooltips werden mit jQuery angezeigt, wenn Sie die Maus über einen Link oder etwas bewegen.

Das Problem ist, dass oben wegen der Überlauf, was einige dieser Tooltips teilweise verdeckt wird angezeigt, weil sie außerhalb des Behälters div positioniert sind ...

Gibt es eine Möglichkeit ein bestimmtes Element zu zeigen, in der Lage sein von innerhalb dieses Containers, auch wenn es außerhalb seiner Grenzen ist? Vielleicht eine Javascript-Lösung?

die html wie folgt aussieht:

<div style="overflow:hidden; position:relative;"> 

    the main content 

    <div style="position:absolute;left:-100px;top:-50px;"> the tooltip thing </div> 

</div> 

Answer 1

versuchen Sie dies:

<div style="position:relative;">  
    <div style="overflow:hidden; position: relative; width: {any}; height: {any};">the main content<div>  
    <div style="position:absolute;left:-100px;top:-50px;"> the tooltip thing </div>  
</div> 

nur Ihre Hauptinhalt zu einem anderen div innerhalb des Haupt div platzieren und zur Verfügung gestellt CSS geben, den Inhalt zu verbergen, wenn überfüllt ...

Answer 2

wenn Überlauf: versteckt ist schwebt zu enthalten, dann gibt es andere Möglichkeiten, die Tooltips erlauben würde, nicht abgeschnitten werden. Feind clearfix aussehen: nach