CSS - / JavaScript - Inhalt, der sich außerhalb ein element mit overflow:hidden

Ich habe einen div-container-element, das overflow:hidden auf Sie. Leider wird diese Eigenschaft benötigt, die auf Sie wegen der Art, wie die Seite gemacht ist.

In diesem div ist es alle Inhalte der Website einschließlich einige tooltips. Diese QuickInfos werden angezeigt, mit jQuery, wenn man mit der Maus über einen link oder so etwas.

Das problem ist, dass einige dieser QuickInfo-Anzeige teilweise verdeckt, weil der überlauf vor allem, weil Sie sich außerhalb der div-container,...

Gibt es eine Möglichkeit, zeigen zu können, ein bestimmtes element aus dem inneren dieser Behälter, auch wenn Sie außerhalb seiner Grenzen? Vielleicht eine javascript-Lösung?

den html sieht wie folgt aus:

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

  the main content

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

</div>
InformationsquelleAutor Alex | 2010-08-28
  1. 6

    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>

    einfach Ihre wichtigsten Inhalte auf einen anderen div innerhalb des Haupt-div und geben bereitgestellten css zum ausblenden der Inhalte, wenn überfüllt...

    • Darüber hinaus margin:0px;padding:0px auf die mit div wird sichergestellt, dass es keine sichtbare änderung, dass es
    • Nur das hinzufügen von "overflow:none" & "position:relative" funktioniert für mich
    InformationsquelleAutor Vaibhav Gupta
  2. -1

    wenn overflow:hidden enthält, schwimmt, dann gibt es andere Möglichkeiten, die erlauben würde, tooltips, um nicht abgeschnitten zu werden. Aussehen Feind-clearfix:after

    InformationsquelleAutor Moin Zaman
Schreibe einen Kommentar