CSS / JavaScript - содержимое вне элемента с переполнением: скрыто

Question

У меня есть элемент div контейнера, в котором есть overflow:hidden.К сожалению, это свойство требуется для него из-за способа создания сайта.

Внутри этого div это весь контент сайта, включая некоторые подсказки.Эти всплывающие подсказки отображаются с помощью jQuery, когда вы наводите курсор мыши на ссылку или что-то в этом роде.

Проблема заключается в том, что некоторые из этих всплывающих подсказок будут отображаться частично скрытыми из-за переполнения, указанного выше, поскольку они расположены вне контейнера div..

Есть ли способ показать определенный элемент внутри этого контейнера, даже если он находится за его пределами?Может быть, решение Javascript?

HTML выглядит так:

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

  the main content

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

</div>

Answer 1

попробуйте это:

<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>

просто поместите ваш основной контент в другой div внутри основного div и предоставьте css, чтобы скрыть контент при переполнении ...

Answer 2

если переполнение: скрытое должно содержать числа с плавающей запятой, то есть другие способы, позволяющие не обрезать всплывающие подсказки. смотри, ясно: после