почему эта подсказка следует в противоположном вертикальном направлении?

Question

Я разрабатываю подсказку «самодельного» с использованием Jquery и CSS,

Кажется, работает нормально,

http://jsfiddle.net/GLZFc/

Он позиционируется поверх элемента 'триггера' (и горизонтально по центру), но когда я двигаю мышь вверх, он опускается вниз и наоборот:

что я делаю не так?

Answer 1

Измените "bottom:" на "top:" в ваших назначениях CSS.

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

Я также решил ваш вопрос о границах без затухания, добавив .find("span").andSelf() к методам fadeIn и fadeOut. Это явно затушевывает все теги span в DIV, хотя я, честно говоря, не понимаю, почему это необходимо (это может быть ошибка jQuery):

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

Answer 2

вы используете bottom, а не top.

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