Задать вопрос
@Valsin

Как сверстать информационное окошко?

5d80f455bbe16181115289.jpeg

Добрый вечер, как сверстать подобное, чтобы появлялось при наведении и у курсора?
  • Вопрос задан
  • 200 просмотров
Подписаться 1 Простой 3 комментария
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Лучше не страдать ерундой, а сделать на том же TippyJS:
https://atomiks.github.io/tippyjs/

Сделать свою тему для этого плагина тоже не составит труда.

Таким образом вы обойдёте кучу узких моментов с HTML-структурой, позиционированием, триггерами и автоматизацией подобных тултипов. Ибо скрипт сам генерирует DOM (можно настроить как на уровень родителя, так и на другого предка или тег body) и позиционирует тултип с учётом его позиции в окне браузера.

В ином случае, блок на абсолютном позиционировании относительно красного кружка со знаком вопроса. Но это не будет учитывать моменты, когда там что-то будет не вмешаться в экран, возможный overflow и т. п.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы