CSS Установить положение элемента для расположения мыши на событии - PullRequest
4 голосов
/ 26 октября 2011

Я использую CSS3 для отображения всплывающей подсказки при наведении на текст:

.tooltip {
  position:absolute; /* don't push other text out of the way */
  visibility:hidden;
}
.f:hover .tooltip {
  visibility:visible;
}

Это нормально, но если кусок текста большой, может показаться немного странным навести его в одном местеи всплывающая подсказка появится в другом.Есть ли способ, без использования JavasScript (я знаю, что это cakewalk с JavaScript), чтобы элемент показывался рядом с тем местом мыши, где он впервые разместил текст?Нечто подобное (концептуальный пример):

.f:hover:before .tooltip {
  top:mouse-y;
  right:mouse-x;
}

1 Ответ

5 голосов
/ 26 октября 2011

Нет пути без JavaScript.CSS не позволит вам стилизовать элементы под курсором мыши.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...