Question

好的，所以我在这里有这个jsfiddle：http://jsfiddle.net/9RxLM/1751/

我使用的方式与我的页面完全一样，因为我现在无法访问head标签，只能查看正文。

我不明白我如何在实际的jQuery中给它.css({marginTop: '-1em'}).，甚至在.popup CSS中给它另一个负余量顶部（margin: -1.5em 10% 0;），但是但它仍然不服从，并希望显示它想要显示的内容。

当光标位于问号上方时，如何弹出这个以使光标位于弹出窗口下方？

Answer 1

要定位光标上方的内容，首先需要光标的坐标。您需要的是event.pageX和event.pageY，然后相对于鼠标坐标设置CSS顶部和左侧的属性。

我在你的小提琴中改变了这一行：

jQuery(this).prevAll("span.popup:first").stop(true, true).css({top: event.pageY-20}).fadeIn('slow', function() {
     jQuery(this).nextAll("span.parent:first").stop(true, true).addClass("backdrop");

这里有效：

http://jsfiddle.net/9RxLM/1754/

无法让此弹出窗口位于光标上方

1 个答案: