CSS / JavaScript - содержимое вне элемента с переполнением: скрыто
У меня есть элемент контейнера div, в котором есть переполнение : hidden . К сожалению, это свойство требуется для него из-за способа создания сайта.
Внутри этого div это ' Содержит весь контент сайта, включая подсказки. Эти всплывающие подсказки отображаются с помощью jQuery, когда вы наводите указатель мыши на ссылку или что-то в этом роде.
Проблема в том, что некоторые из этих всплывающих подсказок будут отображаться частично скрытыми из-за того, что над переполнением они расположены выше, потому что они расположены вне раздела контейнера ... [12106 Есть ли способ показать определенный элемент внутри этого контейнера, даже если он находится за его пределами? Может быть, решение Javascript?
HTML выглядит так:
<div style="overflow:hidden; position:relative;">
the main content
<div style="position:absolute;left:-100px;top:-50px;"> the tooltip thing </div>
</div>
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, чтобы скрыть контент при переполнении...