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

Question

У меня на самом деле есть всплывающая подсказка, показывающая, где я хочу это показать, эта часть работает.Отображаемый текст содержится в <span>, который скрыт до тех пор, пока они не наведутся на div, на котором есть класс всплывающей подсказки, аналогично в примере на w3schools.com.

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

Я скрываю <span> с CSS visibilty:hidden, который скрывает текст, но место для него все еще зарезервировано.Если я изменю его на display:none вместо visibility:hidden, он скрывает текст и не резервирует место для него, что имеет смысл, и это почти то, что я хочу, за исключением того, что я не могу сделать его снова видимым, не отправив сообщение назад.

Так что теперь я спорю о том, чтобы поместить все это в вызов ajax, чтобы мне не пришлось обновлять всю страницу, но я не уверен, что это тоже подойдет.

это даже возможно, или у кого-нибудь есть какие-либо предложения?

Я ценю любую помощь, которую кто-либо может предложить.

Спасибо

Answer 1

что вы можете сделать, это присвоить этому div идентификатор и через css hover установить отображение всплывающей подсказки на блокировку,

, или вы можете использовать javascript для этого, пересоздать эти div с помощью on hover,функция, проверьте цель элемента наведения, если он совпадает с этим, установите для свойства div отображения всплывающей подсказки значение block, simple

Answer 2

Вы можете попробовать span {position: absolute}

Использовать js вместо css.

Если вы используете css, то это также создаст проблемы при реагировании.

Вы можете использовать всплывающую подсказку или простой jQuery https://jqueryui.com/tooltip/