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

发布于 2024-12-02 14:51:29 字数 220 浏览 2 评论 0原文

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

似乎工作正常,

http://jsfiddle.net /GLZFc/

它位于“触发”元素的顶部(并且水平居中),但是当我向上移动鼠标时,它会向下移动,并且方向相反,

我做错了什么?

I'm developing a 'home-made' tooltip using Jquery and CSS,

Seems to work OK,

http://jsfiddle.net/GLZFc/

It gets positioned ontop of the 'trigger' element (and horizontally centered), but when i move the mouse up it goes down and the opposite way,

what i'm I doing wrong?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

暖心男生 2024-12-09 14:51:29

在 CSS 分配中将“bottom:”更改为“top:”。

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

我还解决了你关于不褪色的问题通过在 fadeIn 和 fadeOut 方法前面添加 .find("span").andSelf() 来设置边框。这将显式淡出 DIV 内的所有“span”标签,尽管我真的不明白为什么有必要(这可能是一个 jQuery 错误):

Change "bottom:" to "top:" in your css assignments.

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

I also solved your question about the non-fading borders by prepending .find("span").andSelf() to the fadeIn and fadeOut methods. This will explicitly fade out all "span" tags inside the DIV, although I honestly don't understand why it's necessary (this might be a jQuery bug):

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

耀眼的星火 2024-12-09 14:51:29

您使用的是bottom,而不是top

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

you are using bottom, not top.

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文