CSS 将元素位置设置为事件上的鼠标位置

Question

我正在使用 CSS3 在文本悬停时显示工具提示:

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

这没关系，但如果文本 block 很大，将它悬停在一个地方并让工具提示显示在另一个地方似乎有点奇怪。有没有办法在不使用 JavasScript(我知道它是 JavaScript 的小菜一碟)的情况下使元素显示在它第一次悬停文本的鼠标位置附近？类似(概念示例):

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

Answer 1

没有 javascript 就没有办法。 CSS 不允许您根据鼠标光标设置元素样式。