为什么这个工具提示遵循相反的垂直方向？

Question

我正在使用Jquery和CSS开发一个“自制的”工具提示，

似乎工作正常，

http://jsfiddle.net/GLZFc/

它位于“触发”元素的顶部（并且水平居中），但是当我向上移动鼠标时，它会向下移动，反之亦然，

我做错了什么？

Answer 1

您使用的是bottom，而不是top。

http://jsfiddle.net/GLZFc/2/

Answer 2

在css作业中将“bottom：”更改为“top：”。

http://jsfiddle.net/GLZFc/1/

我还通过将.find("span").andSelf()添加到fadeIn和fadeOut方法中来解决有关不褪色边框的问题。这将明确地淡出DIV中的所有“span”标签，虽然我老实说不明白为什么它是必要的（这可能是一个jQuery错误）：

http://jsfiddle.net/GLZFc/21/